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

style(subscription): darken offer section backgrounds

Browse Source
This commit is contained in:
chenhang
2026-06-26 15:39:05 +08:00
parent 23330787c0
commit 30796ca4e7
2 changed files with 12 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/subscription/components/subscription-coins-offer-section.module.css
+6 -6
View File
@@ -1,9 +1,9 @@
.section { .section {
overflow: hidden; overflow: hidden;
border: 1px solid rgba(17, 17, 17, 0.06); border: 1px solid rgba(17, 17, 17, 0.12);
border-radius: 28px; border-radius: 28px;
background: rgba(255, 255, 255, 0.82); background: #ded4d7;
box-shadow: 0 16px 42px rgba(31, 21, 25, 0.08); box-shadow: 0 16px 42px rgba(31, 21, 25, 0.12);
backdrop-filter: blur(18px); backdrop-filter: blur(18px);
} }
@@ -11,8 +11,8 @@
position: relative; position: relative;
padding: 18px 18px 22px; padding: 18px 18px 22px;
background: background:
linear-gradient(135deg, #ffffff 0%, #f5f5f5 58%, #ececec 100%), linear-gradient(135deg, #ddd4d7 0%, #d3c9cd 58%, #c8bdc2 100%),
#ffffff; #d3c9cd;
} }
.title { .title {
@@ -29,7 +29,7 @@
bottom: -12px; bottom: -12px;
width: 24px; width: 24px;
height: 24px; height: 24px;
background: #f2f2f2; background: #d3c9cd;
transform: translateX(-50%) rotate(45deg); transform: translateX(-50%) rotate(45deg);
} }
src/app/subscription/components/subscription-vip-offer-section.module.css
+6 -6
View File
@@ -1,9 +1,9 @@
.section { .section {
overflow: hidden; overflow: hidden;
border: 1px solid rgba(246, 87, 160, 0.12); border: 1px solid rgba(246, 87, 160, 0.22);
border-radius: 28px; border-radius: 28px;
background: rgba(255, 255, 255, 0.78); background: #f7dce7;
box-shadow: 0 18px 45px rgba(246, 87, 160, 0.11); box-shadow: 0 18px 45px rgba(246, 87, 160, 0.16);
backdrop-filter: blur(18px); backdrop-filter: blur(18px);
} }
@@ -11,8 +11,8 @@
position: relative; position: relative;
padding: 18px 18px 22px; padding: 18px 18px 22px;
background: background:
linear-gradient(135deg, rgba(255, 255, 255, 0.88) 0%, rgba(255, 235, 243, 0.92) 54%, rgba(246, 87, 160, 0.16) 100%), linear-gradient(135deg, #f3cbd8 0%, #efbacd 58%, #eaa9c3 100%),
#ffffff; #efbacd;
} }
.title { .title {
@@ -49,7 +49,7 @@
bottom: -12px; bottom: -12px;
width: 24px; width: 24px;
height: 24px; height: 24px;
background: #ffe8f0; background: #efbacd;
transform: translateX(-50%) rotate(45deg); transform: translateX(-50%) rotate(45deg);
} }