Update font weights and families in AlphaAboutLayout.vue, AlphaPageLa…

…yout.vue, and CardLink.vue
pupil-labs · Apr 17, 2024 · da73a7b · da73a7b
1 parent 1e867ad
commit da73a7b
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 7 deletions.
diff --git a/components/AlphaAboutLayout.vue b/components/AlphaAboutLayout.vue
@@ -103,6 +103,7 @@
             v-if="fm.hero?.tagline"
             v-for="tagline in fm.hero?.tagline"
             class="text-base text-2 text-padding"
+            style="color: var(--vp-c-text-1)"
           >
             {{ tagline }}
           </p>
@@ -113,11 +114,11 @@
       <div class="grid grid-cols-1 lg:grid-cols-3 gap-4 items-center">
         <div class="order-2 sm:order-1">
           <h1
-            v-if="fm.hero?.title"
+            v-if="fm.content?.title"
             class="text-2xl sm:text-4xl pb-4 md:pb-9 lg:pb-6 font-semibold"
             style="color: var(--vp-c-brand-1)"
           >
-            {{ fm.hero.title }}
+            {{ fm.content.title }}
           </h1>
           <div
             v-if="fm.content?.list"

diff --git a/components/AlphaPageLayout.vue b/components/AlphaPageLayout.vue
@@ -49,7 +49,7 @@
     color: white;
     cursor: pointer;
     font-size: 14px;
-    font-weight: medium;
+    font-weight: 500;
     font-family: Inter, "Helvetica Neue", sans-serif;
   }
   .category-chip:hover {
@@ -64,6 +64,10 @@
   .text-link-color:hover {
     color: var(--vp-c-brand-2);
   }
+  a,
+  p {
+    font-family: Inter, "Helvetica Neue", sans-serif;
+  }
 </style>
 
 <template>
@@ -89,7 +93,7 @@
           </p>
           <a
             href="/alpha-lab/about/"
-            class="flex items-center gap-2 text-link-color"
+            class="flex items-center gap-2 text-link-color font-medium text-sm"
             >More about Alpha Lab <ArrowIcon
           /></a>
         </div>

diff --git a/components/cards/CardLink.vue b/components/cards/CardLink.vue
@@ -23,7 +23,7 @@
 <style scoped>
   .category-name {
     font-size: 14px;
-    font-weight: medium;
+    font-weight: 500;
     font-family: Inter, "Helvetica Neue", sans-serif;
     color: var(--vp-c-text-3);
   }
@@ -55,8 +55,13 @@
           <div v-if="product.category" class="category-name">
             {{ product.category }}
           </div>
-          <div v-if="product.link" class="flex gap-2 items-center text-sm">
-            <span v-if="product.link.text">{{ product.link.text }}</span>
+          <div
+            v-if="product.link"
+            class="flex gap-2 items-center text-sm font-medium"
+          >
+            <span v-if="product.link.text" class="font-medium">{{
+              product.link.text
+            }}</span>
             <ArrowIcon />
           </div>
         </div>