Improve header styling

2026-02-11 08:08:49 -06:00 · 2026-01-20 21:54:16 +01:00
parent 84f47f89d3
commit 754117cea2
1 changed files with 9 additions and 3 deletions
--- a/client/src/common/components/Header/styles.sass
+++ b/client/src/common/components/Header/styles.sass
@@ -50,14 +50,20 @@ header
  width: 32px
  height: 32px
  border-radius: 6px
+  transition: transform 0.2s ease

 .header-about
-  cursor: help
+  cursor: pointer
  user-select: none
-  transition: color 0.2s ease
+  transition: background-color 0.2s ease, border-color 0.2s ease
+  border: 1px solid transparent

  &:hover
-    color: $accent-primary
+    background-color: $dark-gray
+    border-color: $light-gray
+
+    .header-logo
+      transform: rotate(-5deg) scale(1.1)

 .header-icon
  cursor: pointer