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

style(responsive): finish responsive token migration

Browse Source
This commit is contained in:
chenhang
2026-07-03 11:19:27 +08:00
parent 489554cd78
commit e5bfb4e373
27 changed files with 132 additions and 98 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/tokens/responsive.css
+19
View File
@@ -39,6 +39,13 @@
--responsive-card-padding-lg: clamp(18px, 4.074vw, 22px);
--responsive-control-height: clamp(44px, 8.889vw, 48px);
--responsive-icon-button-size: clamp(38px, 8.148vw, 44px);
--responsive-icon-size-sm: clamp(14px, 2.963vw, 16px);
--responsive-icon-size-md: clamp(18px, 4.444vw, 24px);
--responsive-spinner-size: clamp(16px, 3.333vw, 18px);
--responsive-dot-size: clamp(6px, 1.481vw, 8px);
--responsive-inline-gap-xs: clamp(4px, 0.926vw, 5px);
--responsive-pill-padding-sm: clamp(3px, 0.741vw, 4px)
clamp(7px, 1.667vw, 9px);
/* Chat 专用响应式尺寸 */
--chat-inline-padding: clamp(14px, 3.704vw, 20px);
@@ -61,4 +68,16 @@
--font-responsive-lg: clamp(16px, 3.333vw, 18px);
--font-responsive-xl: clamp(18px, 3.704vw, 20px);
--font-responsive-number-lg: clamp(24px, 5.556vw, 30px);
/* Subscription 专用响应式尺寸 */
--subscription-section-notch-size: clamp(18px, 4.444vw, 24px);
--subscription-plan-grid-gap: clamp(7px, 1.667vw, 9px);
--subscription-plan-card-min-height: clamp(108px, 23.704vw, 128px);
--subscription-plan-title-size: clamp(16px, 3.519vw, 19px);
--subscription-price-size-lg: clamp(24px, 5.556vw, 30px);
--subscription-offer-badge-padding: clamp(4px, 0.741vw, 5px)
clamp(7px, 1.481vw, 8px);
--subscription-coin-icon-size: clamp(28px, 5.926vw, 32px);
--subscription-coin-svg-size: clamp(16px, 3.333vw, 18px);
--subscription-coin-column-width: clamp(42px, 8.889vw, 48px);
}