Try some sidebar hover indicator

2025-06-04 10:59:27 +02:00
parent d47b947acf
commit ccbb3dca9f
1 changed files with 4 additions and 0 deletions
--- a/dashboard/src/Index.vue
+++ b/dashboard/src/Index.vue
@@ -364,8 +364,10 @@ onMounted(async () => {
  color: var(--pankow-text-color);
  border-radius: 3px;
  padding: 10px 15px;
+  margin-right: 15px;
  white-space: nowrap;
  cursor: pointer;
+  transition: all 180ms ease-out;
 }

 .sidebar-item i {
@@ -382,6 +384,8 @@ onMounted(async () => {
 .sidebar-item:hover {
  background-color: #e9ecef;
  text-decoration: none;
+  padding-left: 30px;
+  margin-right: 0;
 }

@media (prefers-color-scheme: dark) {