style: 登录注册左上角改为 Logo(替代返回首页文字)
All checks were successful
continuous-integration/drone/push Build is passing
All checks were successful
continuous-integration/drone/push Build is passing
- 左上角显示网站 Logo 图片,点击回首页 - 默认 70% 透明度,悬停变 100% - 删除箭头 SVG 和文字
This commit is contained in:
@@ -543,7 +543,7 @@
|
|||||||
color: rgba(139, 148, 158, 0.6) !important;
|
color: rgba(139, 148, 158, 0.6) !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* ---- 返回首页按钮(公共) ---- */
|
/* ---- 左上角 Logo ---- */
|
||||||
.back-home-link {
|
.back-home-link {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
top: 24px;
|
top: 24px;
|
||||||
@@ -551,23 +551,25 @@
|
|||||||
z-index: 20;
|
z-index: 20;
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
gap: 6px;
|
|
||||||
color: rgba(139, 148, 158, 0.6);
|
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
font-size: 13px;
|
padding: 6px;
|
||||||
padding: 6px 12px;
|
border-radius: 8px;
|
||||||
border-radius: 6px;
|
|
||||||
transition: all 0.2s;
|
transition: all 0.2s;
|
||||||
}
|
}
|
||||||
|
|
||||||
.back-home-link:hover {
|
.back-home-link:hover {
|
||||||
color: #FFFFFF;
|
|
||||||
background: rgba(255, 255, 255, 0.05);
|
background: rgba(255, 255, 255, 0.05);
|
||||||
}
|
}
|
||||||
|
|
||||||
.back-home-link svg {
|
.back-home-logo {
|
||||||
width: 16px;
|
height: 28px;
|
||||||
height: 16px;
|
width: auto;
|
||||||
|
opacity: 0.7;
|
||||||
|
transition: opacity 0.2s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.back-home-link:hover .back-home-logo {
|
||||||
|
opacity: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* ---- 移动端 ---- */
|
/* ---- 移动端 ---- */
|
||||||
|
|||||||
@@ -411,7 +411,7 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* ---- 返回首页按钮 ---- */
|
/* ---- 左上角 Logo ---- */
|
||||||
.back-home-link {
|
.back-home-link {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
top: 24px;
|
top: 24px;
|
||||||
@@ -419,21 +419,23 @@
|
|||||||
z-index: 20;
|
z-index: 20;
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
gap: 6px;
|
|
||||||
color: rgba(139, 148, 158, 0.6);
|
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
font-size: 13px;
|
padding: 6px;
|
||||||
padding: 6px 12px;
|
border-radius: 8px;
|
||||||
border-radius: 6px;
|
|
||||||
transition: all 0.2s;
|
transition: all 0.2s;
|
||||||
}
|
}
|
||||||
|
|
||||||
.back-home-link:hover {
|
.back-home-link:hover {
|
||||||
color: #FFFFFF;
|
|
||||||
background: rgba(255, 255, 255, 0.05);
|
background: rgba(255, 255, 255, 0.05);
|
||||||
}
|
}
|
||||||
|
|
||||||
.back-home-link svg {
|
.back-home-logo {
|
||||||
width: 16px;
|
height: 28px;
|
||||||
height: 16px;
|
width: auto;
|
||||||
|
opacity: 0.7;
|
||||||
|
transition: opacity 0.2s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.back-home-link:hover .back-home-logo {
|
||||||
|
opacity: 1;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -17,8 +17,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="template">
|
<div class="template">
|
||||||
<a href="/" class="back-home-link">
|
<a href="/" class="back-home-link">
|
||||||
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M19 12H5"/><path d="M12 19l-7-7 7-7"/></svg>
|
<img src="{$site_config.official_website_logo|default='/web/BlackFruit-web/assets/img/logo.png'}" alt="Logo" class="back-home-logo">
|
||||||
返回首页
|
|
||||||
</a>
|
</a>
|
||||||
<div id="login" v-cloak>
|
<div id="login" v-cloak>
|
||||||
<div class="login-container">
|
<div class="login-container">
|
||||||
|
|||||||
@@ -12,8 +12,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="template">
|
<div class="template">
|
||||||
<a href="/" class="back-home-link">
|
<a href="/" class="back-home-link">
|
||||||
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M19 12H5"/><path d="M12 19l-7-7 7-7"/></svg>
|
<img src="{$site_config.official_website_logo|default='/web/BlackFruit-web/assets/img/logo.png'}" alt="Logo" class="back-home-logo">
|
||||||
返回首页
|
|
||||||
</a>
|
</a>
|
||||||
<div id="regist">
|
<div id="regist">
|
||||||
<div class="login-container">
|
<div class="login-container">
|
||||||
|
|||||||
Reference in New Issue
Block a user