🔧 profile pge font-size & padding

hassnian · Jul 10, 2024 · 38f0472 · 38f0472
1 parent c1174e4
commit 38f0472
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 4 deletions.
diff --git a/components/collection/CollectionHeader/CollectionBanner.vue b/components/collection/CollectionHeader/CollectionBanner.vue
@@ -17,7 +17,7 @@
                 class="w-[5.5rem] h-[5.5rem] border" />
             </div>
             <h1
-              class="collection-banner-name font-bold text-2xl md:text-4xl"
+              class="collection-banner-name font-bold text-2xl md:text-[31px]"
               data-testid="collection-banner-name">
               {{ collectionName }}
             </h1>

diff --git a/components/profile/ProfileBannerSkeleton.vue b/components/profile/ProfileBannerSkeleton.vue
@@ -6,7 +6,7 @@
       no-margin />
 
     <div
-      class="collection-banner-content flex md:items-end items-center h-full md:pb-7 max-sm:mx-5 mx-12 2xl:mx-auto max-w-[89rem]">
+      class="collection-banner-content flex md:items-end items-center h-full md:pb-10 max-sm:mx-5 mx-12 2xl:mx-auto max-w-[89rem]">
       <div
         class="!rounded-full overflow-hidden p-2.5 bg-background-color border z-[10]">
         <NeoSkeleton

diff --git a/components/profile/ProfileDetail.vue b/components/profile/ProfileDetail.vue
@@ -23,7 +23,7 @@
           : undefined,
       }">
       <div
-        class="collection-banner-content flex md:items-end items-center h-full md:pb-7 max-sm:mx-5 mx-12 2xl:mx-auto max-w-[89rem]">
+        class="collection-banner-content flex md:items-end items-center h-full md:pb-10 max-sm:mx-5 mx-12 2xl:mx-auto max-w-[89rem]">
         <div
           class="!rounded-full overflow-hidden p-2.5 bg-background-color border aspect-square">
           <BaseMediaItem
@@ -47,7 +47,7 @@
       <div v-else class="flex flex-col gap-6">
         <!-- Identity Link -->
         <h1
-          class="font-bold text-2xl md:text-4xl mb-0"
+          class="font-bold text-2xl md:text-[31px] mb-0"
           data-testid="profile-user-identity">
           <span v-if="userProfile?.name">{{ userProfile.name }}</span>
           <Identity