style: improve responsiveness

JoaoHamerski · Dec 20, 2024 · 21b845c · 21b845c
1 parent 3a2d7ce
commit 21b845c
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/src/App.vue b/src/App.vue
@@ -60,7 +60,7 @@ provide('isSearchLoading', isLoading)
 <template>
   <ToastComponent />
   <AppContainer
-    class="p-5 rounded-none md:rounded-lg md:p-10 mx-auto md:mt-10 w-full h-full md:w-3/4 overflow-auto md:h-[90%]"
+    class="p-3 rounded-none md:rounded-lg md:p-10 mx-auto md:mt-10 w-full h-full md:w-3/4 overflow-auto md:h-[90%]"
   >
     <AppTransition
       enter-class="fadeIn"

diff --git a/src/views/profile/partials/ProfileHeader.vue b/src/views/profile/partials/ProfileHeader.vue
@@ -45,7 +45,7 @@ defineProps<ProfileHeaderProps>()
           ({{ user.login }})
         </div>
       </div>
-      <div class="flex overflow-auto gap-8 text-xs md:text-sm py-4 md:py-4">
+      <div class="flex flex-wrap md:flex-nowrap justify-center md:justify-normal gap-8 text-xs md:text-sm py-4 md:py-4">
         <ProfileBadge
           icon="fa-solid fa-users"
           label="Seguidores:"