浏览代码

'搜索结果为空样式修改'

caijynb 1 月之前
父节点
当前提交
a4b77d29a3
共有 1 个文件被更改,包括 65 次插入0 次删除
  1. 65 0
      public/css/style.css

+ 65 - 0
public/css/style.css

@@ -419,6 +419,53 @@ body {
     font-style: italic;
 }
 
+/* 搜索结果空状态样式 */
+.empty-search-state {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    padding: 60px 20px;
+    text-align: center;
+    animation: fadeIn 0.3s ease;
+}
+
+@keyframes fadeIn {
+    from {
+        opacity: 0;
+        transform: translateY(-10px);
+    }
+    to {
+        opacity: 1;
+        transform: translateY(0);
+    }
+}
+
+.empty-icon {
+    margin-bottom: 24px;
+    color: #8b949e;
+    opacity: 0.6;
+}
+
+.empty-icon svg {
+    width: 64px;
+    height: 64px;
+}
+
+.empty-title {
+    font-size: 1.2rem;
+    font-weight: 600;
+    color: var(--text-color);
+    margin: 0 0 12px 0;
+}
+
+.empty-text {
+    font-size: 0.95rem;
+    color: #656d76;
+    margin: 0;
+    line-height: 1.5;
+}
+
 /* 临时高亮效果 */
 .temp-highlight {
     animation: highlightFade 2s ease-out;
@@ -951,6 +998,24 @@ body {
         font-size: 0.85rem;
     }
 
+    /* 移动端空状态样式调整 */
+    .empty-search-state {
+        padding: 40px 20px;
+    }
+
+    .empty-icon svg {
+        width: 48px;
+        height: 48px;
+    }
+
+    .empty-title {
+        font-size: 1.1rem;
+    }
+
+    .empty-text {
+        font-size: 0.9rem;
+    }
+
     .toggle-sidebar-btn {
         display: block;
         width: 56px;