fixing sub navs after daisy3 migr

HolodexNet · Jul 13, 2023 · 1de1194 · 1de1194
1 parent ed4c6b6
commit 1de1194
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 35 deletions.
diff --git a/packages/vue3/src/components/frame/SubNavigation.vue b/packages/vue3/src/components/frame/SubNavigation.vue
@@ -11,10 +11,10 @@
         'max-w-full sm:max-w-[200px] md:max-w-[300px]': isDediAboutPage,
       }"
     >
-      <ul class="menu menu-vertical w-full p-2">
+      <ul class="menu menu-vertical w-full p-2 menu-md lg:menu-lg lg:gap-2">
         <li
           v-if="!minimizeSidebar && $slots.hotlinks"
-          class="mb-2 flex text-lg"
+          class="mb-2 flex !text-lg"
           style="flex-direction: row"
         >
           <slot name="hotlinks" />
@@ -23,7 +23,7 @@
           <li v-for="tab in tabs" :key="tab.path">
             <router-link
               :to="tab.path"
-              class="min-h-12 justify-start"
+              class="justify-start !text-base"
               :title="tab.name"
               :class="{ active: tab.active }"
             >
@@ -36,7 +36,7 @@
           </li>
         </template>
         <li v-if="minimizeSidebar">
-          <router-link :to="baseRoute" class="min-h-12 w-full" :title="'Back'">
+          <router-link :to="baseRoute" class="w-full" :title="'Back'">
             <div class="i-mdi:arrow-left mx-1 inline-block text-xl md:mr-2" />
             <span>Back</span>
           </router-link>

diff --git a/packages/vue3/src/views/about/AboutGeneral.vue b/packages/vue3/src/views/about/AboutGeneral.vue
@@ -1,6 +1,6 @@
 <template>
-  <article class="prose">
-    <h3 class="mb-2 text-lg">What we are?</h3>
+  <article class="prose max-w-3xl">
+    <h3 class="mb-2 text-lg lg:block hidden">What we are?</h3>
     <p>
       <b>Holodex</b>
       is a fan-built platform for watching VTubers. We are built by DD for DDs.
@@ -87,7 +87,8 @@
       </a>
     </div>
     <p class="mt-4 text-sm opacity-60">
-      Holodex V3 UI Build {{ abbreviatedSha }}, released {{ committerDate }}
+      Holodex V3 internal UI test build [{{ abbreviatedSha }}]: compiled
+      {{ committerDate }}.
     </p>
   </article>
 </template>

diff --git a/packages/vue3/src/views/about/NewAbout.vue b/packages/vue3/src/views/about/NewAbout.vue
@@ -1,54 +1,37 @@
 <template>
   <!-- <v-container class="channel-container" fluid> -->
   <sub-navigation :routes="tabs" base-route="/about">
-    <template #hotlinks>
-      <div class="pointer-events-none w-full p-2 pb-1 text-xs font-bold">
+    <!-- <template #hotlinks> -->
+    <!-- <span class="pointer-events-none w-full pb-1 !p-1 !text-xs font-bold">
         Quick Links:
-      </div>
-      <!-- <a
-        class="btn-square p-0"
-        title="Follow us on twitter"
-        href="https://twitter.com/holodex"
-      >
-        <div class="i-carbon:logo-twitter m-auto" />
-      </a> -->
+      </span>
       <h-btn
-        class="btn-square !p-0"
+        class="btn-square btn-sm !p-0"
         no-color
         ghost
-        icon="i-carbon:logo-twitter"
+        icon="i-simple-icons:twitter !text-sm"
         tooltip-text="Follow us on twitter"
         tooltip="badge-ghost"
       />
 
-      <!-- <a
-        class="btn-square p-0"
-        title="Support us on Ko-Fi"
-        href="https://ko-fi.com/holodex"
-      >
-        <div class="i-cib:ko-fi m-auto" />
-      </a> -->
       <h-btn
-        class="btn-square mx-1 !p-1"
+        class="btn-square btn-sm mx-1 !p-1"
         no-color
         ghost
-        icon="i-cib:ko-fi"
+        icon="i-simple-icons:ko-fi"
         tooltip-text="Support us on Ko-Fi"
         tooltip="badge-ghost"
       />
 
-      <!-- <a class="btn-square p-0" title="Issues / Source Code">
-        <div class="i-carbon:logo-github m-auto" />
-      </a> -->
       <h-btn
-        class="btn-square !p-0"
+        class="btn-square btn-sm !p-0"
         no-color
         ghost
-        icon="i-carbon:logo-github"
+        icon="i-simple-icons:github"
         tooltip-text="Issues / Source Code"
         tooltip="badge-ghost"
-      />
-    </template>
+      /> -->
+    <!-- </template> -->
   </sub-navigation>
 </template>