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

style(responsive): migrate fixed UI sizes to tokens

Browse Source
This commit is contained in:
chenhang
2026-07-03 10:22:37 +08:00
parent 38d31572dd
commit bb6ebbae7e
28 changed files with 312 additions and 229 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/chat/components/chat-insufficient-credits-banner.module.css
+12 -6
View File
@@ -7,9 +7,14 @@
.banner {
flex: 0 0 auto;
margin: 0 var(--spacing-lg, 16px) var(--spacing-lg, 16px);
padding: var(--spacing-xl, 24px) var(--spacing-lg, 16px);
border-radius: 24px;
margin:
0
var(--chat-inline-padding, 16px)
var(--page-section-gap, 16px);
padding:
var(--page-section-gap-lg, 24px)
var(--responsive-card-padding, 16px);
border-radius: var(--responsive-card-radius-sm, 24px);
background: linear-gradient(135deg, #f96ade 0%, #f657a0 100%);
text-align: center;
box-shadow: 0 4px 16px rgba(248, 77, 150, 0.25);
@@ -17,7 +22,7 @@
.text {
color: #fff;
font-size: 1.125rem;
font-size: var(--responsive-card-title, 18px);
font-weight: 600;
line-height: 1.4;
margin: 0 0 var(--spacing-lg, 16px);
@@ -27,12 +32,13 @@
.cta {
width: 100%;
padding: 0.875rem 1.5rem;
min-height: var(--responsive-control-height, 48px);
padding: 0 var(--responsive-card-padding-lg, 24px);
border: none;
border-radius: 999px;
background: linear-gradient(135deg, #ffb8e0 0%, #f57ec0 100%);
color: #fff;
font-size: 1.125rem;
font-size: var(--responsive-card-title, 18px);
font-weight: 700;
cursor: pointer;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);