PANDA-JSR/SecScore
1
0
Fork 0
mirror of https://github.com/SECTL/SecScore.git synced 2026-07-19 19:04:23 +08:00
Code Issues Packages Projects Releases Wiki Activity

style: 优化沉浸模式悬浮栏透明度与居中布局

Browse Source
This commit is contained in:
JSR
2026-03-27 21:02:08 +08:00
parent 51d22bba94
commit 18d27f65b1
1 changed files with 8 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/Home.tsx
+8 -5
View File
@@ -2475,15 +2475,17 @@ export const Home: React.FC<HomeProps> = ({
bottom: isPortraitMode ? "12px" : "16px", bottom: isPortraitMode ? "12px" : "16px",
transform: "translateX(-50%)", transform: "translateX(-50%)",
zIndex: 1100, zIndex: 1100,
width: "min(calc(100vw - 20px), 1120px)", width: "max-content",
maxWidth: "calc(100vw - 20px)",
borderRadius: "999px", borderRadius: "999px",
border: "1px solid color-mix(in srgb, var(--ss-border-color) 80%, transparent)", border: "1px solid color-mix(in srgb, var(--ss-border-color) 80%, transparent)",
backgroundColor: "var(--ss-card-bg)", backgroundColor: "var(--ss-card-bg)",
background: "color-mix(in srgb, var(--ss-card-bg) 78%, transparent)", background: "color-mix(in srgb, var(--ss-card-bg) 62%, transparent)",
backdropFilter: "blur(14px)", backdropFilter: "blur(16px)",
WebkitBackdropFilter: "blur(14px)", WebkitBackdropFilter: "blur(16px)",
boxShadow: "0 8px 30px rgba(0, 0, 0, 0.16)", boxShadow: "0 8px 30px rgba(0, 0, 0, 0.16)",
padding: "10px 12px", padding: "10px",
overflow: "hidden",
}} }}
> >
<div <div
@@ -2493,6 +2495,7 @@ export const Home: React.FC<HomeProps> = ({
alignItems: "center", alignItems: "center",
gap: "8px", gap: "8px",
overflowX: "auto", overflowX: "auto",
justifyContent: "flex-start",
scrollbarWidth: "thin", scrollbarWidth: "thin",
}} }}
> >