diff --git a/src/views/interface/ThemeEdit.vue b/src/views/interface/ThemeEdit.vue
index 9a21667ba..f7630cd19 100644
--- a/src/views/interface/ThemeEdit.vue
+++ b/src/views/interface/ThemeEdit.vue
@@ -71,13 +71,11 @@ export default {
 </script>
 
 <style lang="less">
+.CodeMirror {
+    height: 560px;
+}
 .CodeMirror-gutters {
   border-right: 1px solid #fff3f3;
   background-color: #ffffff;
 }
-.ant-card {
-  .ant-card-body {
-    padding: 16px;
-  }
-}
 </style>
diff --git a/src/views/user/Profile.vue b/src/views/user/Profile.vue
index c4a7f572a..456f5a699 100644
--- a/src/views/user/Profile.vue
+++ b/src/views/user/Profile.vue
@@ -9,7 +9,7 @@
                 <span>prompt text</span>
               </template>
               <div class="avatar">
-                <img :src="user.avatar || 'https://gravatar.loli.net/avatar/?s=256&d=mm'">
+                <img :src="user.avatar || 'https://gravatar.loli.net/avatar/?s=256&d=mm'" @click="showAttachDrawer">
               </div>
             </a-tooltip>
             <div class="username">{{ user.nickname }}</div>
@@ -96,18 +96,24 @@
         </a-card>
       </a-col>
     </a-row>
+
+    <AttachmentDrawer v-model="attachmentDrawerVisible"/>
   </div>
 </template>
 
 <script>
+import AttachmentDrawer from '../attachment/components/AttachmentDrawer'
 import userApi from '@/api/user'
 import adminApi from '@/api/admin'
 
 export default {
-  components: {},
+  components: {
+    AttachmentDrawer
+  },
   data() {
     return {
       countsLoading: true,
+      attachmentDrawerVisible: false,
       user: {},
       counts: {},
       passwordParam: {
@@ -127,6 +133,9 @@ export default {
     this.getCounts()
   },
   methods: {
+    showAttachDrawer() {
+      this.attachmentDrawerVisible = true
+    },
     loadUser() {
       userApi.getProfile().then(response => {
         this.user = response.data.data