fix: tickets and wallet page css

hack-a-chain-software · Dec 21, 2023 · 6a7c4e6 · 6a7c4e6
1 parent 1fae9d3
commit 6a7c4e6
Show file tree

Hide file tree

Showing 11 changed files with 44 additions and 42 deletions.
diff --git a/front/chains/kadena/adapters/xwallet.ts b/front/chains/kadena/adapters/xwallet.ts
@@ -274,6 +274,8 @@ export const provider = defineStore({
         }
       })
 
+      console.log('signedCmd', cmd)
+
       callbackProgress('Awaiting TX results...')
 
       return await sendSigned(cmd)

diff --git a/front/components/Pages/Wallet/CommuniDocs.vue b/front/components/Pages/Wallet/CommuniDocs.vue
@@ -1,5 +1,5 @@
 <template>
-  <Section
+  <UISection
     class="
       pt-[40px]
       md:pt-[60px]
@@ -9,8 +9,8 @@
       lg:space-y-[0]
     "
   >
-    <LandingDocumentation />
+    <PagesWalletDocumentation />
 
-    <LandingCommunity />
-  </Section>
+    <PagesWalletCommunity />
+  </UISection>
 </template>
diff --git a/front/components/Pages/Wallet/Community.vue b/front/components/Pages/Wallet/Community.vue
@@ -3,7 +3,7 @@ const config = useAppConfig()
 </script>
 
 <template>
-  <Container id="community" class="flex-1">
+  <UIContainer id="community" class="flex-1">
     <template #tag>
       <span class="block mb-2.5 sm:mb-[18px] lg:mb-[18px]">
         Community
@@ -43,7 +43,7 @@ const config = useAppConfig()
 
     <template #cta>
       <div class="flex gap-6 lg:flex-wrap xl:flex-nowrap">
-        <IconButton
+        <UIIconButton
           v-for="(
             { icon, title, to }, i
           ) in config.networks"
@@ -70,5 +70,5 @@ const config = useAppConfig()
         />
       </div>
     </template>
-  </Container>
+  </UIContainer>
 </template>
diff --git a/front/components/Pages/Wallet/Documentation.vue b/front/components/Pages/Wallet/Documentation.vue
@@ -1,5 +1,5 @@
 <template>
-  <Container
+  <UIContainer
     to="https://docs.tickets.opact.io/"
     id="documentation"
     cta="Opact Documentation"
@@ -37,5 +37,5 @@
         Explore the inner workings of Opact.
       </span>
     </template>
-  </Container>
+  </UIContainer>
 </template>
diff --git a/front/components/Pages/Wallet/Hero.vue b/front/components/Pages/Wallet/Hero.vue
@@ -16,7 +16,7 @@ const config = useAppConfig()
       2xl:h-[880px]
     "
   >
-    <Section
+    <UISection
       class="
         flex flex-col
         lg:relative lg:overflow-visible
@@ -58,10 +58,12 @@ const config = useAppConfig()
           mx-auto
           lg:mx-0
           xl:mx-0
+          font-poppins
           opacity-0
           text-white text-center
           lg:text-left
           font-title
+          font-[700]
           xl:font-[700]
           lg:font-semibold
           pb-[8px]
@@ -74,7 +76,7 @@ const config = useAppConfig()
           md:tracking-[0.05rem]
           lg:tracking-[0.09rem]
           xl:tracking-[0.06rem]
-          text-3xl-poppins-xs
+          text-[32px]
           sm:text-[48px]
           md:font-[700]
           lg:text-[50px]
@@ -94,9 +96,9 @@ const config = useAppConfig()
           z-[2]
           mx-auto
           lg:mx-0
-          sm:text-xl
+          sm:text-[20px]
           opacity-0
-          lg:text-xl
+          lg:text-[20px]
           sm:leading-[30px]
           lg:leading-[30px]
           text-sm-hero text-white text-center
@@ -251,9 +253,9 @@ const config = useAppConfig()
           />
         </figure>
       </div>
-    </Section>
+    </UISection>
 
-    <Section class="z-[1] space-y-4 relative">
+    <UISection class="z-[1] space-y-4 relative">
       <div
         v-motion
         :initial="{
@@ -303,14 +305,14 @@ const config = useAppConfig()
             xl:space-x-4
           "
         >
-          <LandingBlockchain
+          <PagesWalletBlockchain
             v-for="{ icon, name } in config.chains"
             :key="`landing-blockchain-label-${name}`"
             :icon="icon"
             :name="name"
           />
         </div>
       </div>
-    </Section>
+    </UISection>
   </div>
 </template>
diff --git a/front/components/Pages/Wallet/Privacy.vue b/front/components/Pages/Wallet/Privacy.vue
@@ -1,5 +1,5 @@
 <template>
-  <Section
+  <UISection
     id="privacy"
     class="
       pt-[40px]
@@ -88,9 +88,9 @@
             md:space-x-[8px]
           "
         >
-          <Badge> P2P Private transactions </Badge>
+          <UIBadge> P2P Private transactions </UIBadge>
 
-          <Badge> DeFi Private transactions </Badge>
+          <UIBadge> DeFi Private transactions </UIBadge>
         </div>
       </div>
 
@@ -136,10 +136,10 @@
           sm:leading-[30px]
           lg:leading-[30px]
           xl:leading-[30px]
-          text-lg-xs
-          sm:text-xl
-          lg:text-xl
-          xl:text-xl
+          text-[18px]
+          sm:text-[20px]
+          lg:text-[20px]
+          xl:text-[20px]
           mb-8
           sm:mb-[42px]
           lg:mb-12
@@ -161,5 +161,5 @@
         class="lg:h-8 xl:h-[39px]"
       />
     </div>
-  </Section>
+  </UISection>
 </template>
diff --git a/front/components/Pages/Wallet/Security.vue b/front/components/Pages/Wallet/Security.vue
@@ -1,9 +1,9 @@
 <template>
-  <Section
+  <UISection
     id="security"
     class="pt-[40px] md:pt-[60px] lg:pt-20"
   >
-    <Container cta="Learn more" size="xl" disabled>
+    <UIContainer cta="Learn more" size="xl" disabled>
       <template #before>
         <div
           class="
@@ -112,6 +112,6 @@
           privacy.
         </span>
       </template>
-    </Container>
-  </Section>
+    </UIContainer>
+  </UISection>
 </template>
diff --git a/front/components/UI/Button.vue b/front/components/UI/Button.vue
@@ -64,7 +64,7 @@ const variants: Variants = {
     parent:
       'bg-card-gradient p-[2px] inline-flex items-center justify-center h-[44px] md:h-[50px]',
     children: `bg-inverted-card-gradient w-full h-full flex items-center justify-center
-        sm:text-lg
+        sm:text-[18px]
         sm:font-medium
         sm:leading-[27px]
       `
@@ -80,7 +80,7 @@ const variants: Variants = {
     children: `bg-dark-blue w-full h-full flex items-center justify-center
         lg:px-[22px]
 
-        sm:text-lg
+        sm:text-[18px]
         sm:font-medium
         sm:leading-[27px]
       `
@@ -190,7 +190,7 @@ const tag = computed(() =>
         px-[22px]
         rounded-[100px]
         sm:px-[24px]
-        sm:text-lg
+        sm:text-[18px]
         sm:font-medium
         sm:leading-[27px]
         xl:w-max

diff --git a/front/components/UI/Container.vue b/front/components/UI/Container.vue
@@ -46,13 +46,13 @@ const sizes = {
       sm:text-lg sm:font-[900] sm:leading-[27px]
     `,
     title: `
-      text-2xl-poppins
+      font-poppins
       sm:text-[32px] sm:leading-[40px]
       md:text-[40px] md:font-semibold md:leading-[60px]
       lg:text-[32px] lg:leading-[48px]
     `,
     text: `
-      sm:text-xl sm:font-medium sm:leading-[30px]
+      sm:text-[20px] sm:font-medium sm:leading-[30px]
     `
   }
 }

diff --git a/front/pages/tickets.vue b/front/pages/tickets.vue
@@ -19,7 +19,5 @@ useHead({
     <PagesTicketsFeatures />
 
     <PagesTicketsCommuniDocs />
-
-    <!-- <PagesTicketsContact /> -->
   </div>
 </template>
diff --git a/front/pages/wallet.vue b/front/pages/wallet.vue
@@ -9,13 +9,13 @@ useHead({
 </script>
 
 <template>
-  <PagesLandingHero />
+  <div>
+    <PagesWalletHero />
 
-  <PagesLandingPrivacy />
+    <PagesWalletPrivacy />
 
-  <PagesLandingSecurity />
+    <PagesWalletSecurity />
 
-  <PagesLandingCommuniDocs />
-
-  <!-- <PagesLandingContact /> -->
+    <PagesWalletCommuniDocs />
+  </div>
 </template>