From c75ce04f63d409e2964c69c2d56a777a10a2b9f8 Mon Sep 17 00:00:00 2001
From: Pan <panfree23@gmail.com>
Date: Tue, 7 May 2019 14:07:04 +0800
Subject: [PATCH] perf[Profile]: adapt the profile page to the mobile

---
 src/views/profile/components/UserCard.vue | 2 +-
 src/views/profile/index.vue               | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/views/profile/components/UserCard.vue b/src/views/profile/components/UserCard.vue
index a8d27513..c2ce1aa8 100644
--- 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
index 8069a95c..87e4f94f 100644
--- 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">