github
/
halo-theme-hao
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

控制台关闭按钮优化

This commit is contained in:
1152958806@qq.com 2023-07-05 15:21:28 +08:00
parent 24bb21ceb3
commit 65ed6b21a9
2 changed files with 26 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
templates/assets/zhheo/zhheoblog.css
View File

@ -17568,20 +17568,39 @@ span.hexo-douban-pagenum {
} }
#console .close-btn { #console .close-btn {
width: 35px; width: 100%;
height: 35px; height: 60px;
position: fixed; position: fixed;
right: 100px; right: max(0, calc((100% - 1400px) / 2));
top: 30px; top: 0;
font-size: 35px; font-size: 35px;
color: var(--heo-fontcolor); color: var(--heo-fontcolor);
cursor: pointer; cursor: pointer;
transition: 0.3s; transition: 0.3s;
display: flex; 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); color: var(--heo-hovertext);
background: var(--heo-main-op);
border-radius: 32px;
} }
#console .console-card.history { #console .console-card.history {

4
templates/modules/widgets/console.html
View File

@ -3,8 +3,8 @@
<html lang="en" xmlns:th="http://www.thymeleaf.org"> <html lang="en" xmlns:th="http://www.thymeleaf.org">
<!-- TODO 控制台功能 --> <!-- TODO 控制台功能 -->
<div id="console" th:fragment="console"> <div id="console" th:fragment="console">
<div class="close-btn" href="javascript:void(0);" onclick="heo.hideConsole()"> <div class="close-btn" onclick="heo.hideConsole()" href="javascript:void(0);">
<i class="anzhiyufont anzhiyu-icon-circle-xmark" style="font-size:35px"></i> <i class="anzhiyufont anzhiyu-icon-circle-xmark"></i>
</div> </div>
<div class="console-card-group"> <div class="console-card-group">
<!-- 评论，需要使用评论插件，获取最近评论 --> <!-- 评论，需要使用评论插件，获取最近评论 -->