Forráskód Böngészése

加入高斯模糊

李富豪 1 éve
szülő
commit
92cf9ab54c
2 módosított fájl, 12 hozzáadás és 4 törlés
  1. 5 1
      app/components/chat.module.scss
  2. 7 3
      app/styles/window.scss

+ 5 - 1
app/components/chat.module.scss

@@ -514,9 +514,13 @@
   padding-top: 10px;
   box-sizing: border-box;
   flex-direction: column;
+  box-shadow: var(--card-shadow);
+  // 背景
+  background: rgba(255, 255, 255, 0.2);
+  // 背景模糊程度
+  backdrop-filter: blur(2px);
   // 下方线条
   border-top: 1px solid rgba(255, 255, 255, 0.5);
-  box-shadow: var(--card-shadow);
 
   .chat-input-actions {
     .chat-input-action {

+ 7 - 3
app/styles/window.scss

@@ -1,12 +1,16 @@
 .window-header {
   padding: 14px 20px;
-  // 上方线条
-  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
   position: relative;
-
   display: flex;
   justify-content: space-between;
   align-items: center;
+
+  // 背景
+  background: rgba(255, 255, 255, 0.2);
+  // 背景模糊程度
+  backdrop-filter: blur(2px);
+  // 上方线条
+  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
 }
 
 .window-header-title {