From 6b8f7049738c2be2becb22e5c27f63e6463ac4d0 Mon Sep 17 00:00:00 2001
From: syuilo <syuilotan@yahoo.co.jp>
Date: Sat, 3 Nov 2018 22:03:06 +0900
Subject: [PATCH] :art:

---
 src/client/app/admin/assets/header-icon.svg |  3 +++
 src/client/app/admin/views/index.vue        | 18 ++++++++++++++++--
 2 files changed, 19 insertions(+), 2 deletions(-)
 create mode 100644 src/client/app/admin/assets/header-icon.svg

diff --git a/src/client/app/admin/assets/header-icon.svg b/src/client/app/admin/assets/header-icon.svg
new file mode 100644
index 000000000..2a6e46737
--- /dev/null
+++ b/src/client/app/admin/assets/header-icon.svg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:d2db9644e4cb1f0b7537fcb0848db2fca44b5211ffea1ae10c2c2aef7c399f72
+size 7123
diff --git a/src/client/app/admin/views/index.vue b/src/client/app/admin/views/index.vue
index ab02198dd..c9f59a99f 100644
--- a/src/client/app/admin/views/index.vue
+++ b/src/client/app/admin/views/index.vue
@@ -1,6 +1,9 @@
 <template>
 <div class="mk-admin">
 	<nav>
+		<div class="mi">
+			<img svg-inline src="../assets/header-icon.svg"/>
+		</div>
 		<div class="me">
 			<img class="avatar" :src="$store.state.i.avatarUrl" alt="avatar"/>
 			<p class="name">{{ $store.state.i | userName }}</p>
@@ -85,11 +88,22 @@ export default Vue.extend({
 		background #333
 		color #fff
 
+		> .mi
+			text-align center
+
+			> svg
+				width 24px
+				height 82px
+				vertical-align top
+				fill #fff
+				opacity 0.7
+
 		> .me
 			display flex
-			margin 16px
-			padding-bottom 16px
+			margin 0 16px 16px 16px
+			padding 16px 0
 			align-items center
+			border-top solid 1px #555
 			border-bottom solid 1px #555
 
 			> .avatar