diff --git a/src/assets/image/logoExpand.png b/src/assets/image/logoExpand.png new file mode 100644 index 00000000..1761c8b9 Binary files /dev/null and b/src/assets/image/logoExpand.png differ diff --git a/src/assets/image/logoFold.png b/src/assets/image/logoFold.png new file mode 100644 index 00000000..3a4e53a6 Binary files /dev/null and b/src/assets/image/logoFold.png differ diff --git a/src/components/tools/Logo.vue b/src/components/tools/Logo.vue index 1d8088f0..7c5a7f29 100644 --- a/src/components/tools/Logo.vue +++ b/src/components/tools/Logo.vue @@ -7,9 +7,9 @@ - logo + logo -

{{ title }}

+ @@ -45,15 +45,18 @@ export default { .sider { box-shadow: none !important; + .h1-logo { - padding-left: 10px; + padding: 0 12px !important; } + .logo { height: @height !important; line-height: @height !important; box-shadow: 1px 0px 0 0 #e8e8e8 !important; transition: background 300ms; background-color: transparent !important; + padding: 0 24px 0 0; h1 { color: @primary-color !important; @@ -61,8 +64,15 @@ export default { } a { + width: 100%; + display: inline-block; color: white; + img { + width: 100%; + height: auto; + } + &:hover { color: rgba(255, 255, 255, 0.8); }