chuan/Cli-Proxy-API-Management-Center
1
0
Fork 0
mirror of https://github.com/router-for-me/Cli-Proxy-API-Management-Center.git synced 2026-06-16 21:03:58 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat: enhance mobile styling for premium plan value with gradients and shadows

Browse Source
This commit is contained in:
LTbinglingfeng
2026-05-17 20:20:02 +08:00
Unverified
parent 57eeff505f
commit 4ef2936f8c
1 changed files with 37 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/pages/QuotaPage.module.scss
+37
View File
@@ -591,6 +591,43 @@
}
}
@include mobile {
.premiumPlanValue {
overflow: hidden;
background:
radial-gradient(
circle at 18% 24%,
rgba(255, 255, 255, 0.88) 0%,
rgba(255, 255, 255, 0.58) 18%,
rgba(255, 255, 255, 0) 42%
),
linear-gradient(135deg, #fff9e3 0%, #ffe07f 52%, #e0aa14 100%);
box-shadow:
0 1px 3px rgba(133, 92, 0, 0.16),
0 0 0 1px rgba(255, 255, 255, 0.22) inset,
0 0 10px rgba(255, 214, 98, 0.22);
&::before {
content: none;
}
}
:global([data-theme='dark']) .premiumPlanValue {
background:
radial-gradient(
circle at 18% 24%,
rgba(255, 229, 138, 0.28) 0%,
rgba(255, 214, 98, 0.14) 18%,
rgba(255, 214, 98, 0) 44%
),
linear-gradient(135deg, #4f3d0b 0%, #6e5510 48%, #8f6d10 100%);
box-shadow:
0 1px 6px rgba(0, 0, 0, 0.28),
0 0 0 1px rgba(255, 220, 120, 0.16) inset,
0 0 10px rgba(255, 196, 44, 0.18);
}
}
.fileCard {
background-color: var(--bg-primary);
border: 1px solid var(--border-color);