diff --git a/src/pages/QuotaPage.module.scss b/src/pages/QuotaPage.module.scss index 0d7291a..0d65244 100644 --- a/src/pages/QuotaPage.module.scss +++ b/src/pages/QuotaPage.module.scss @@ -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);