chore: format code

aplosdev · Jun 29, 2024 · 91e05d0 · 91e05d0
1 parent c3b053e
commit 91e05d0
Show file tree

Hide file tree

Showing 3 changed files with 38 additions and 26 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -3,6 +3,7 @@
 ### Feature(s)
 
 - Add multuple types of articles
+
   - Featured
   - Draft
   - Archived

diff --git a/custom/ArticleList.scss b/custom/ArticleList.scss
@@ -73,36 +73,36 @@
       }
     }
 
-      &.featured {
-        border-color: #5b4f00;
-        background-color: #5b4f0011;
-        transition: all 0.3s ease;
+    &.featured {
+      border-color: #5b4f00;
+      background-color: #5b4f0011;
+      transition: all 0.3s ease;
 
-        @media (prefers-color-scheme: dark) {
-          border-color: #ffff00;
-          background-color: #ffff0011;
-        }
+      @media (prefers-color-scheme: dark) {
+        border-color: #ffff00;
+        background-color: #ffff0011;
+      }
 
-        &:hover {
-          outline: 2.4px dashed #5b4f00;
-          outline-offset: .5rem;
-        }
+      &:hover {
+        outline: 2.4px dashed #5b4f00;
+        outline-offset: 0.5rem;
+      }
 
-        a {
-          color: #5b4f00;
+      a {
+        color: #5b4f00;
 
-          @media (prefers-color-scheme: dark) {
-            color: #ffff00;
-          }
+        @media (prefers-color-scheme: dark) {
+          color: #ffff00;
         }
+      }
 
-        .tags span {
-          background-color: #5b4f001d;
+      .tags span {
+        background-color: #5b4f001d;
 
-          @media (prefers-color-scheme: dark) {
-            background-color: #ffff00;
-          }
+        @media (prefers-color-scheme: dark) {
+          background-color: #ffff00;
         }
+      }
     }
 
     p {

diff --git a/docs/.vitepress/theme/ArticleList.vue b/docs/.vitepress/theme/ArticleList.vue
@@ -10,7 +10,12 @@
       </button>
     </div>
     <div class="post-container">
-      <article v-for="post in filteredPosts" :key="post.title" class="post" :class="post.type">
+      <article
+        v-for="post in filteredPosts"
+        :key="post.title"
+        class="post"
+        :class="post.type"
+      >
         <h3>
           <a
             :href="`posts/${post.title
@@ -19,9 +24,15 @@
             >{{ post.title }}</a
           >
         </h3>
-        <p class="date" v-if="post.type === 'archive'">{{ post.date }} &middot; Archived</p>
-        <p class="date" v-else-if="post.type === 'draft'">{{ post.date }} &middot; Draft</p>
-        <p class="date" v-else-if="post.type === 'featured'">{{ post.date }} &middot; Featured</p>
+        <p class="date" v-if="post.type === 'archive'">
+          {{ post.date }} &middot; Archived
+        </p>
+        <p class="date" v-else-if="post.type === 'draft'">
+          {{ post.date }} &middot; Draft
+        </p>
+        <p class="date" v-else-if="post.type === 'featured'">
+          {{ post.date }} &middot; Featured
+        </p>
         <p class="date" v-else>{{ post.date }}</p>
         <p>{{ post.description }}</p>
         <div class="tags">