style: update icon stroke

Ryaang · Aug 18, 2023 · a2c1dd5 · a2c1dd5
1 parent 0d96066
commit a2c1dd5
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 3 deletions.
diff --git a/src/components/Paginator.vue b/src/components/Paginator.vue
@@ -11,6 +11,8 @@
           icon-class="arrow-left"
           height="1.25rem"
           width="1.25rem"
+          fill="var(--text-accent)"
+          stroke="var(--text-accent)"
         />
         <span>{{ t('settings.paginator.newer') }}</span>
       </li>
@@ -47,6 +49,8 @@
           icon-class="arrow-right"
           height="1.25rem"
           width="1.25rem"
+          fill="var(--text-accent)"
+          stroke="var(--text-accent)"
         />
       </li>
     </ul>

diff --git a/src/styles/theme-variables.scss b/src/styles/theme-variables.scss
@@ -288,7 +288,7 @@
     height: auto;
   }
   li {
-    @apply cursor-pointer hover:opacity-50 my-4 mr-3;
+    @apply cursor-pointer hover:opacity-50 my-3.5 mr-2;
     &.active {
       @apply shadow-lg text-white;
       text-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
@@ -306,7 +306,7 @@
 }
 
 .tab-expander {
-  @apply stroke-current text-ob-bright absolute right-5 top-5 cursor-pointer;
+  @apply stroke-current text-ob-bright absolute right-5 top-4 cursor-pointer;
   opacity: 0.8;
   &:hover {
     opacity: 0.5;

diff --git a/src/views/Home.vue b/src/views/Home.vue
@@ -43,7 +43,13 @@
         </ul>
 
         <span :class="expanderClass" @click="expandHandler">
-          <SvgIcon icon-class="chevron" />
+          <SvgIcon
+            icon-class="chevron"
+            height="1.2rem"
+            width="1.2rem"
+            fill="var(--text-normal)"
+            stroke="var(--text-normal)"
+          />
         </span>
 
         <ul class="grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-6">