fix(subscription): update font sizes and padding for better consistency

This commit is contained in:
2026-06-24 17:12:38 +08:00
parent bb99fa592b
commit d6e411c8ef
4 changed files with 10 additions and 15 deletions
@@ -32,7 +32,7 @@
align-items: flex-start; align-items: flex-start;
gap: 0; gap: 0;
padding: 0; padding: 0;
font-size: 14px; font-size: var(--font-size-lg);
color: #1e1e1e; color: #1e1e1e;
line-height: normal; line-height: normal;
} }
@@ -36,8 +36,8 @@
} }
.name { .name {
margin-top: var(--spacing-xl); margin-top: var(--spacing-lg);
font-size: var(--font-size-md); font-size: var(--font-size-lg);
font-weight: 500; font-weight: 500;
color: var(--color-auth-text-primary); color: var(--color-auth-text-primary);
line-height: 1.2; line-height: 1.2;
@@ -47,28 +47,23 @@
display: flex; display: flex;
align-items: baseline; align-items: baseline;
justify-content: center; justify-content: center;
margin-top: 20px; margin-top: var(--spacing-md);
gap: 2px; gap: 2px;
color: #000;
line-height: 1; line-height: 1;
} }
.currency { .currency {
font-size: var(--font-size-md); font-size: var(--font-size-lg);
font-weight: 400;
color: #000;
} }
.price { .price {
font-size: 28px; font-size: var(--font-size-40);
font-weight: 300;
color: #000;
line-height: 1; line-height: 1;
} }
.originalPrice { .originalPrice {
margin: 4px 0 var(--spacing-sm); margin: 4px 0 var(--spacing-sm);
font-size: var(--font-size-xs); font-size: var(--font-size-lg);
color: #999999; color: #999999;
text-decoration: line-through; text-decoration: line-through;
line-height: 1; line-height: 1;
@@ -3,7 +3,7 @@
flex-direction: column; flex-direction: column;
min-height: 100dvh; min-height: 100dvh;
background: #fcf3f4; background: #fcf3f4;
padding: 18 30px 10px; padding: 18px 30px 10px;
} }
.header { .header {
@@ -45,9 +45,8 @@
.autoRenewCaption { .autoRenewCaption {
margin-top: var(--spacing-xxl); margin-top: var(--spacing-xxl);
padding: 0 var(--spacing-xs); padding: 0 var(--spacing-xs);
font-size: var(--font-size-md); font-size: var(--font-size-lg);
color: #3c3b3b; color: #3c3b3b;
line-height: 1.5;
} }
.benefitsSlot { .benefitsSlot {
+1
View File
@@ -27,6 +27,7 @@
--font-size-title: 24px; --font-size-title: 24px;
--font-size-title-large: 28px; --font-size-title-large: 28px;
--font-size-title-x-large: 32px; --font-size-title-x-large: 32px;
--font-size-40: 40px;
/* 扩展字号(迁移自 Flutter widgets */ /* 扩展字号(迁移自 Flutter widgets */
--font-size-22: 22px; --font-size-22: 22px;