banlv/cozsweet-frontend-nextjs
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(ui): refine home and private room navigation

Browse Source 
Replace the floating bottom navigation with a full-width tab bar. Add splash press feedback and a neutral private room background.
This commit is contained in:
chenhang
2026-07-13 18:16:17 +08:00
parent 225d232763
commit d8cd05b228
9 changed files with 120 additions and 62 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/private-room/private-room-screen.module.css
+12 -7
View File
@@ -4,13 +4,16 @@
padding:
0
0
calc(var(--app-safe-bottom, 0px) + 96px)
calc(
var(--app-safe-bottom, 0px) + var(--app-bottom-nav-height, 64px) +
var(--page-section-gap, 18px)
)
0;
overflow: hidden auto;
background:
radial-gradient(circle at 12% 10%, rgba(255, 193, 121, 0.32), transparent 30%),
radial-gradient(circle at 90% 4%, rgba(255, 91, 148, 0.22), transparent 28%),
linear-gradient(180deg, #fff7ed 0%, #fff8f6 42%, #ffffff 100%);
radial-gradient(circle at 12% 10%, rgba(255, 255, 255, 0.82), transparent 32%),
radial-gradient(circle at 90% 4%, rgba(210, 214, 211, 0.3), transparent 30%),
linear-gradient(180deg, #f3f4f2 0%, #f7f7f5 46%, #fbfbfa 100%);
color: #21171b;
}
@@ -28,7 +31,7 @@
right: -82px;
width: 170px;
height: 170px;
background: rgba(255, 93, 149, 0.16);
background: rgba(190, 195, 191, 0.18);
}
.backgroundGlowTwo {
@@ -36,7 +39,7 @@
left: -92px;
width: 190px;
height: 190px;
background: rgba(255, 188, 92, 0.18);
background: rgba(222, 224, 220, 0.3);
}
.hero,
@@ -518,7 +521,9 @@
.toast {
position: fixed;
right: max(calc((100vw - var(--app-max-width, 540px)) / 2 + 18px), 18px);
bottom: calc(var(--app-safe-bottom, 0px) + 92px);
bottom: calc(
var(--app-safe-bottom, 0px) + var(--app-bottom-nav-height, 64px) + 12px
);
left: max(calc((100vw - var(--app-max-width, 540px)) / 2 + 18px), 18px);
z-index: 45;
padding: 14px 16px;