✨ New navigation menu (#2853)

ViewTube · Jun 17, 2024 · 9aa772b · 9aa772b
1 parent 3c67d94
commit 9aa772b
Show file tree

Hide file tree

Showing 6 changed files with 643 additions and 624 deletions.
diff --git a/client/app/components/header/CategoryHeader.vue b/client/app/components/header/CategoryHeader.vue
@@ -0,0 +1,29 @@
+<template>
+  <div class="category-header">
+    <div class="text"><slot /></div>
+    <div class="line" />
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.category-header {
+  padding: 4px 15px;
+  display: flex;
+  flex-direction: row;
+  gap: 10px;
+  opacity: 0.8;
+
+  .text {
+    color: var(--theme-color);
+    font-size: 0.8rem;
+    margin: auto 0;
+  }
+
+  .line {
+    margin: auto 0;
+    width: 100%;
+    height: 1px;
+    background-color: var(--theme-color);
+  }
+}
+</style>
diff --git a/client/app/components/header/MainHeader.vue b/client/app/components/header/MainHeader.vue
@@ -26,7 +26,7 @@ const { posAbsolute, topPositionPx } = useHeaderScroll();
         settingsStore.showHomeTrendingVideos
       "
     />
-    <UserMenu />
+    <HeaderMenu />
   </div>
 </template>