Merge pull request #20 from bianxuerui/feature/style

fix: 为搜索框添加 hover 阴影效果
KoriIku · Oct 10, 2024 · 9a7493d · 9a7493d
2 parents 0b8c3a3 + f0d750c
commit 9a7493d
Showing 1 changed file with 13 additions and 1 deletion.
diff --git a/src/assets/main.css b/src/assets/main.css
@@ -66,6 +66,10 @@ a,
   border: none !important;
 }
 
+.gsc-search-button-v2:hover {
+  cursor: pointer !important;
+}
+
 .gsc-search-box.gsc-search-box-tools {
   display: flex;
   z-index: 3;
@@ -82,6 +86,13 @@ a,
   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) {
   .gsc-search-box.gsc-search-box-tools {
@@ -157,7 +168,8 @@ a,
 }
 
 .gs-title:hover {
-  text-decoration: underline !important; /* 鼠标悬停时显示下划线 */
+  text-decoration: underline !important;
+  /* 鼠标悬停时显示下划线 */
 }
 
 /* 新增：设置已访问链接的样式 */