Update title font sizes in index.css and Chai.vue

trevorflahardy · Sep 23, 2024 · 324fb03 · 324fb03
1 parent 3d0ef28
commit 324fb03
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 5 deletions.
diff --git a/src/index.css b/src/index.css
@@ -11,7 +11,7 @@
   }
 
   .title {
-    @apply text-lg md:text-2xl lg:text-3xl xl:text-4xl 2xl:text-5xl font-bold text-white text-pretty mb-2;
+    @apply text-2xl lg:text-3xl xl:text-4xl 2xl:text-5xl font-bold text-white text-pretty mb-2;
   }
 
   .title-2 {

diff --git a/src/pages/chai/Chai.vue b/src/pages/chai/Chai.vue
@@ -10,13 +10,12 @@ const chaiInviteLink = "https://discord.com/oauth2/authorize?client_id=728115804
 
 <template>
   <PageLayoutSpacer>
-    <div class="w-full flex flex-row items-center justify-around">
       <!-- Holds the header and "call to action" button(s)-->
       <div
-        class="flex flex-col items-center justify-center max-w-6xl pt-3 bg-gray-950/30 dark:bg-gray-200/5 glass-thick rounded-[40px] py-5 px-2">
+        class="py-5 px-2 bg-gray-950/30 dark:bg-gray-200/5 shadow-md rounded-[40px] w-full">
 
         <!-- The introduction-->
-        <h1 class="title text-center mb-3 text-pretty max-w-[80%]">
+        <h1 class="title text-center mb-3 text-pretty w-full">
           Meet <span class="text-chai-200">Chai</span> <span
             class="inline-block w-4 md:w-5 lg:w-7 2xl:w-10 h-4 md:h-5 lg:h-7 2xl:h-10 align-baseline"><img
               :src="chaiIcon" alt="Chai logo icon." /></span>,
@@ -36,7 +35,6 @@ const chaiInviteLink = "https://discord.com/oauth2/authorize?client_id=728115804
             icon="pi-book" />
         </div>
       </div>
-    </div>
 
     <Preview />
     <DeepDive />