Fixes breakpoint layouts on profile page

art-by-city · Jan 18, 2024 · f867cde · f867cde
1 parent 792c2b0
commit f867cde
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/pages/[profile]/index.vue b/pages/[profile]/index.vue
@@ -4,8 +4,8 @@
       <v-progress-linear indeterminate />
     </template>
     <template v-if="!pending && data && data.address">
-      <v-row>
-        <v-col cols="3">
+      <v-row class="justify-sm-start justify-center">
+        <v-col cols="6" sm="3" xxl="2">
           <v-row class="mt-4" justify="center">
             <Avatar :address="data.address" />
           </v-row>
@@ -24,7 +24,7 @@
             </template>
           </v-row>
         </v-col>
-        <v-col cols="9">
+        <v-col cols="12" sm="9">
           <BioCard :address="data.address" />
         </v-col>
       </v-row>