perf[Profile]: adapt the profile page to the mobile (PanJiaChen#2020)

PanJiaChen · Trong. Pham Van - CMC Global DU1.19 · commit aebfcdc88992 · 2022-07-22T08:46:52.000+07:00
diff --git a/src/views/profile/components/UserCard.vue b/src/views/profile/components/UserCard.vue
@@ -1,5 +1,5 @@
 <template>
-  <el-card>
+  <el-card style="margin-bottom:20px;">
     <div slot="header" class="clearfix">
       <span>About me</span>
     </div>
diff --git a/src/views/profile/index.vue b/src/views/profile/index.vue
@@ -3,11 +3,11 @@
     <div v-if="user">
       <el-row :gutter="20">
 
-        <el-col :span="6">
+        <el-col :span="6" :xs="24">
           <user-card :user="user" />
         </el-col>
 
-        <el-col :span="18">
+        <el-col :span="18" :xs="24">
           <el-card>
             <el-tabs v-model="activeTab">
               <el-tab-pane label="Activity" name="activity">
