Fun/TeyvatGuide
1
0
Fork 0
mirror of https://github.com/BTMuli/TeyvatGuide.git synced 2025-12-15 09:48:14 +08:00
Code Issues Packages Projects Releases Wiki Activity

💄 -webkit-backdrop-filter

Browse Source
This commit is contained in:
BTMuli
2023-12-12 22:12:56 +08:00
parent 845bcdaae0
commit 86c87344ea
12 changed files with 20 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/pages/common/Announcements.vue
View File

@@ -170,6 +170,7 @@ async function switchNews(): Promise<void> {
width: 100%;
align-items: center;
justify-content: space-between;
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
background: rgb(0 0 0/50%);
font-size: 12px;
@@ -221,6 +222,7 @@ async function switchNews(): Promise<void> {
align-items: center;
justify-content: flex-start;
padding: 5px;
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
background: rgb(0 0 0/20%);
border-bottom-left-radius: 5px;

2
src/pages/common/News.vue
View File

@@ -406,6 +406,7 @@ function searchPost(): void {
align-items: center;
justify-content: flex-start;
padding: 5px;
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
background: rgb(0 0 0/20%);
border-bottom-left-radius: 5px;
@@ -455,6 +456,7 @@ function searchPost(): void {
width: 100%;
align-items: center;
justify-content: space-between;
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
background: rgb(0 0 0/50%);
font-size: 12px;

2
src/pages/common/Posts.vue
View File

@@ -385,6 +385,7 @@ function searchPost(): void {
justify-content: center;
padding: 5px;
border-radius: 5px;
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
background: var(--common-shadow-t-4);
box-shadow: 0 0 5px var(--common-shadow-4);
@@ -564,6 +565,7 @@ function searchPost(): void {
align-items: center;
justify-content: flex-start;
padding: 5px;
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
background: rgb(0 0 0/20%);
border-bottom-left-radius: 5px;