Minor UI Fixes

fayazara · Jan 29, 2023 · 2416dc1 · 2416dc1 · vercel · Jan 29, 2023
1 parent 9b1b19a
commit 2416dc1
Show file tree

Hide file tree

Showing 4 changed files with 1,641 additions and 1,200 deletions.
diff --git a/components/Authors.vue b/components/Authors.vue
@@ -4,7 +4,7 @@
       v-for="(author, i) in authors"
       :key="i"
       class="relative inline-block h-8 w-8 rounded-full ring-2 ring-white"
-      :class="`z-${(i + 1) * 10}`"
+      :style="{ zIndex: authors.length - i }"
       :src="author.avatar"
       alt=""
     />

diff --git a/components/Post.vue b/components/Post.vue
@@ -1,7 +1,7 @@
 <template>
-  <article id="2022-06-23" aria-labelledby="2022-06-23-heading" class="md:flex">
-    <h2 id="2022-06-23-heading" class="content-date">
-      <a class="sticky top-8" href="#2022-06-23">{{ content.date }}</a>
+  <article class="md:flex">
+    <h2 class="content-date h-full sticky top-0">
+      <a href="#2022-06-23">{{ content.date }}</a>
     </h2>
     <div class="content-block">
       <div class="feed-border"></div>

diff --git a/package.json b/package.json
@@ -7,10 +7,10 @@
     "preview": "nuxt preview"
   },
   "devDependencies": {
-    "@nuxt/content": "^2.1.1",
-    "@nuxtjs/tailwindcss": "^5.3.5",
-    "@tailwindcss/typography": "^0.5.7",
-    "nuxt": "^3.0.0-rc.11",
-    "nuxt-icon": "^0.1.6"
+    "@nuxt/content": "^2.4.2",
+    "@nuxtjs/tailwindcss": "^6.3.0",
+    "@tailwindcss/typography": "^0.5.9",
+    "nuxt": "^3.1.1",
+    "nuxt-icon": "^0.2.10"
   }
 }