mirrors/luxirty-search
1
0
Fork 0
mirror of https://github.com/KoriIku/luxirty-search synced 2024-11-22 17:42:13 +00:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

Merge pull request #20 from bianxuerui/feature/style

Browse Source 
fix: 为搜索框添加 hover 阴影效果
This commit is contained in:
KoriIku 2024-10-10 13:12:09 +08:00 committed by GitHub
commit 9a7493d600
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 13 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
src/assets/main.css
View File

@ -66,6 +66,10 @@ a,
border: none !important; border: none !important;
} }
.gsc-search-button-v2:hover {
cursor: pointer !important;
}
.gsc-search-box.gsc-search-box-tools { .gsc-search-box.gsc-search-box-tools {
display: flex; display: flex;
z-index: 3; z-index: 3;
@ -82,6 +86,13 @@ a,
height: 46px; height: 46px;
} }
.gsc-search-box-tools:hover {
background: #fff;
box-shadow: 0 2px 8px 1px rgba(64, 60, 67, .24);
border-color: transparent;
border-radius: 24px;
}
/* 针对小屏幕的样式 */ /* 针对小屏幕的样式 */
@media (max-width: 600px) { @media (max-width: 600px) {
.gsc-search-box.gsc-search-box-tools { .gsc-search-box.gsc-search-box-tools {
@ -157,7 +168,8 @@ a,
} }
.gs-title:hover { .gs-title:hover {
text-decoration: underline !important; /* 鼠标悬停时显示下划线 */ text-decoration: underline !important;
/* 鼠标悬停时显示下划线 */
} }
/* 新增：设置已访问链接的样式 */ /* 新增：设置已访问链接的样式 */