diff --git a/templates/assets/zhheo/zhheoblog.css b/templates/assets/zhheo/zhheoblog.css index 9788e58c..60bd71ca 100644 --- a/templates/assets/zhheo/zhheoblog.css +++ b/templates/assets/zhheo/zhheoblog.css @@ -17568,20 +17568,39 @@ span.hexo-douban-pagenum { } #console .close-btn { - width: 35px; - height: 35px; + width: 100%; + height: 60px; position: fixed; - right: 100px; - top: 30px; + right: max(0, calc((100% - 1400px) / 2)); + top: 0; font-size: 35px; color: var(--heo-fontcolor); cursor: pointer; transition: 0.3s; display: flex; + align-items: center; + justify-content: center; + max-width: 1400px; } -#console .close-btn:hover { +#console .close-btn i { + font-size: 32px; + margin-right: 1.5rem; + margin-left: auto; + transition: 0.3s; + line-height: 1; + transform: rotate(-30deg); + transition: 0.6s; +} + +#console.show .close-btn i { + transform: rotate(0deg); +} + +#console .close-btn i:hover { color: var(--heo-hovertext); + background: var(--heo-main-op); + border-radius: 32px; } #console .console-card.history { diff --git a/templates/modules/widgets/console.html b/templates/modules/widgets/console.html index f4004c69..7205a4d7 100644 --- a/templates/modules/widgets/console.html +++ b/templates/modules/widgets/console.html @@ -3,8 +3,8 @@
-
- +
+