Visual consistency improvements

usevital · Jul 7, 2024 · bdb7136 · bdb7136
1 parent b5557c3
commit bdb7136
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 4 deletions.
diff --git a/components/pageFooter.vue b/components/pageFooter.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="flex flex-col gap-1">
-    <span class="font-[500] text-white text-xs text-center">
+    <span class="font-[500] text-[var(--text-colour)] text-xs text-center">
       THANKS FOR READING - WRITTEN BY BLURRYFACE - DESIGNED BY WORLDWIDEPIXEL
       &bull;
       <a class="underline" href="https://github.com/blryface/notessential">

diff --git a/components/projectCard.vue b/components/projectCard.vue
@@ -8,7 +8,10 @@
     >
       {{ props.title }}
       <!-- Icon -->
-      <img class="h-12 bg-white rounded-xl p-1" :src="props.icon" />
+      <img
+        class="h-12 bg-[var(--text-colour)] rounded-xl p-[2px]"
+        :src="props.icon"
+      />
     </span>
     <!-- Description -->
     <div
@@ -18,11 +21,11 @@
       {{ description }}
     </div>
     <!-- Buttons -->
-    <div class="flex mt-5">
+    <div class="flex mt-5 gap-3">
       <NuxtLink
         v-for="(link, index) in urls"
         :to="link"
-        class="flex gap-2 px-10 py-3 rounded-xl items-center text-lg border-2 duration-300 hover:bg-white hover:text-black active:scale-95"
+        class="flex gap-2 px-10 py-3 rounded-xl items-center text-lg border-2 border-[var(--text-colour)] duration-300 hover:bg-[var(--text-colour)] hover:text-black active:scale-95"
         ><LucideDownload />{{ index }}</NuxtLink
       >
     </div>