Просмотр исходного кода

feat: 添加粘性头部样式,优化界面布局和背景效果

QLHazyCoder 4 месяцев назад
Родитель
Сommit
4dc4f65a70
1 измененных файлов с 6 добавлено и 0 удалено
  1. 6 0
      sidepanel/sidepanel.css

+ 6 - 0
sidepanel/sidepanel.css

@@ -97,8 +97,14 @@ header {
   display: flex;
   justify-content: space-between;
   align-items: center;
+  position: sticky;
+  top: 0;
+  z-index: 200;
   margin-bottom: 14px;
+  padding-top: 4px;
   padding-bottom: 12px;
+  background: color-mix(in srgb, var(--bg-base) 94%, transparent);
+  backdrop-filter: blur(8px);
   border-bottom: 1px solid var(--border-subtle);
 }