|
|
@@ -41,8 +41,8 @@ import { plans } from '~/utils/plans'
|
|
|
|
|
|
.mb-plan-card {
|
|
|
border-radius: 20px;
|
|
|
- border: 1px solid rgba(198, 186, 255, 0.3);
|
|
|
- background: linear-gradient(180deg, rgba(165, 101, 255, 0.22) 0%, rgba(3, 0, 20, 0.55) 100%);
|
|
|
+ border: 2px solid #9579FF;
|
|
|
+ background: #1F1543;
|
|
|
backdrop-filter: blur(20px);
|
|
|
padding: 12px;
|
|
|
box-sizing: border-box;
|
|
|
@@ -55,7 +55,6 @@ import { plans } from '~/utils/plans'
|
|
|
}
|
|
|
|
|
|
.head-text {
|
|
|
- min-width: 0;
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
gap: 6px;
|
|
|
@@ -81,8 +80,8 @@ import { plans } from '~/utils/plans'
|
|
|
.price-row {
|
|
|
margin-top: 12px;
|
|
|
display: flex;
|
|
|
- align-items: flex-end;
|
|
|
- justify-content: space-between;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
gap: 12px;
|
|
|
}
|
|
|
|
|
|
@@ -128,7 +127,7 @@ import { plans } from '~/utils/plans'
|
|
|
.divider {
|
|
|
height: 1px;
|
|
|
width: 100%;
|
|
|
- background: rgba(198, 186, 255, 0.22);
|
|
|
+ background: rgba(204, 213, 234, 0.50);
|
|
|
margin: 12px 0 14px;
|
|
|
}
|
|
|
|