feat(splash): add latest message entry

This commit is contained in:
2026-07-08 17:05:36 +08:00
parent c46b9b4cdd
commit 2704c7f307
10 changed files with 274 additions and 73 deletions
@@ -40,8 +40,7 @@
}
.hero,
.postsSection,
.bottomNav {
.postsSection {
position: relative;
z-index: 1;
}
@@ -394,51 +393,6 @@
margin-top: 16px;
}
.bottomNav {
position: fixed;
right: max(calc((100vw - var(--app-max-width, 540px)) / 2), 0px);
bottom: 0;
left: max(calc((100vw - var(--app-max-width, 540px)) / 2), 0px);
display: grid;
grid-template-columns: 1fr 1fr;
gap: 10px;
box-sizing: border-box;
width: min(100vw, var(--app-max-width, 540px));
margin: 0 auto;
padding:
10px
calc(var(--app-safe-right, 0px) + 14px)
calc(var(--app-safe-bottom, 0px) + 10px)
calc(var(--app-safe-left, 0px) + 14px);
border-top: 1px solid rgba(44, 29, 34, 0.08);
background: rgba(255, 255, 255, 0.86);
box-shadow: 0 -18px 48px rgba(53, 34, 40, 0.09);
backdrop-filter: blur(18px);
}
.navButton {
display: flex;
min-height: 54px;
align-items: center;
justify-content: center;
gap: 8px;
border: 1px solid transparent;
border-radius: 18px;
background: transparent;
color: #8d777e;
cursor: pointer;
font: inherit;
font-size: clamp(12px, 2.963vw, 14px);
font-weight: 820;
}
.navButtonActive {
border-color: rgba(255, 116, 159, 0.2);
background: linear-gradient(135deg, rgba(255, 244, 236, 0.98), rgba(255, 232, 241, 0.96));
color: #201417;
box-shadow: 0 10px 24px rgba(255, 116, 159, 0.12);
}
.dialogOverlay {
position: fixed;
inset: 0;
@@ -529,14 +483,12 @@
.primaryCta:active,
.lockedPreview:active,
.loadMoreButton:active,
.navButton:active {
.loadMoreButton:active {
transform: translateY(1px) scale(0.99);
}
.primaryCta:focus-visible,
.lockedPreview:focus-visible,
.navButton:focus-visible,
.loadMoreButton:focus-visible,
.dialogPrimary:focus-visible,
.dialogSecondary:focus-visible {