Cloned2Preserve
/
qrbtf
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

更改浅色模式图片放大背景

This commit is contained in:
ciaochaos 2020-07-06 23:09:31 +08:00
parent 05640f1957
commit c2c57a0d10
2 changed files with 4 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/components/Qrcode.css
View File

@ -788,4 +788,5 @@ select:-moz-focusring {
.medium-zoom-overlay { .medium-zoom-overlay {
-webkit-backdrop-filter: saturate(180%) blur(10px); -webkit-backdrop-filter: saturate(180%) blur(10px);
backdrop-filter: saturate(180%) blur(10px); backdrop-filter: saturate(180%) blur(10px);
background: var(--zoom-bg-color)!important;
} }

3
src/index.css
View File

@ -20,6 +20,7 @@
--qr-opacity-hover: calc(1); --qr-opacity-hover: calc(1);
--upload-color: rgba(102,102,102,1); --upload-color: rgba(102,102,102,1);
--b-w: rgba(0,0,0,1); --b-w: rgba(0,0,0,1);
--zoom-bg-color: rgba(255,255,255,0.8);
} }
@media (prefers-color-scheme: dark) { @media (prefers-color-scheme: dark) {
@ -38,6 +39,8 @@
--qr-opacity-hover: calc(0.65); --qr-opacity-hover: calc(0.65);
--upload-color: rgba(150,150,150,1); --upload-color: rgba(150,150,150,1);
--b-w: rgba(255,255,255,1); --b-w: rgba(255,255,255,1);
--zoom-bg-color: rgba(0,0,0,0.8);
} }
} }