Improve navbar

Mavulp · Jul 29, 2024 · 1398b10 · 1398b10
1 parent 5489bad
commit 1398b10
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/src/components/Sidebar.ts b/src/components/Sidebar.ts
@@ -31,7 +31,7 @@ export const Sidebar = div().setup((ctx, props: Props) => {
     h2('Hivecom \n countdown'),
     p(`${props.formattedEvents.value.length} upcoming`),
     hr(),
-    button('Upcoming Events')
+    button('Upcoming')
       .class({ active: ['#upcoming', ''].includes(window.location.hash) })
       .id('upcoming')
       .click(setActiveHash),

diff --git a/src/style/index.css b/src/style/index.css
@@ -55,10 +55,17 @@ html {
     justify-content: flex-start;
     align-items: flex-start;
 
+    &:has(button[id='previous'].active) {
+      img {
+        transform: rotate(180deg);
+      }
+    }
+
     img {
       display: block;
       width: 24px;
       margin-bottom: 8px;
+      transition: 0.1s all ease-in-out;
     }
 
     h2 {