style(theme-2): replace gold components and colors with blue-white scheme on desktop
This commit is contained in:
@@ -1,4 +1,4 @@
|
||||
<script setup lang="ts">
|
||||
<script setup lang="ts">
|
||||
import { ref, onMounted, onActivated, computed } from 'vue';
|
||||
import { useI18n } from 'vue-i18n';
|
||||
import { useRouter } from 'vue-router';
|
||||
@@ -276,7 +276,7 @@ const balanceDisplay = computed(() =>
|
||||
.bank-card-type {
|
||||
font-size: 10px;
|
||||
font-weight: 800;
|
||||
color: rgba(212, 175, 55, 0.8);
|
||||
color: rgba(0, 102, 204, 0.8);
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
@@ -287,7 +287,7 @@ const balanceDisplay = computed(() =>
|
||||
padding: 8px 16px;
|
||||
border-radius: 14px;
|
||||
background: rgba(0, 0, 0, 0.45);
|
||||
border: 1px solid rgba(212, 175, 55, 0.35);
|
||||
border: 1px solid rgba(0, 102, 204, 0.35);
|
||||
color: var(--primary-light);
|
||||
font-size: 13px;
|
||||
font-weight: 600;
|
||||
@@ -296,7 +296,7 @@ const balanceDisplay = computed(() =>
|
||||
transition: background 0.15s ease;
|
||||
}
|
||||
|
||||
.recharge-btn:hover { background: rgba(212, 175, 55, 0.15); }
|
||||
.recharge-btn:hover { background: rgba(0, 102, 204, 0.15); }
|
||||
|
||||
.bank-card-balance {
|
||||
flex: 1;
|
||||
@@ -388,7 +388,7 @@ const balanceDisplay = computed(() =>
|
||||
align-items: center;
|
||||
padding: 7px 18px;
|
||||
border-radius: 6px;
|
||||
border: 1px solid var(--border-gold-soft);
|
||||
border: 1px solid var(--border-active);
|
||||
color: var(--primary-light);
|
||||
font-size: 13px;
|
||||
font-weight: 700;
|
||||
@@ -396,7 +396,7 @@ const balanceDisplay = computed(() =>
|
||||
transition: background 0.2s;
|
||||
}
|
||||
|
||||
.edit-btn:hover { background: rgba(212,175,55,0.08); }
|
||||
.edit-btn:hover { background: rgba(0, 102, 204,0.08); }
|
||||
|
||||
.lang-group { display: flex; gap: 8px; flex-wrap: wrap; }
|
||||
|
||||
@@ -416,9 +416,9 @@ const balanceDisplay = computed(() =>
|
||||
}
|
||||
|
||||
.lang-opt.active {
|
||||
border-color: var(--border-gold-soft);
|
||||
border-color: var(--border-active);
|
||||
color: var(--primary-light);
|
||||
background: rgba(212,175,55,0.08);
|
||||
background: rgba(0, 102, 204,0.08);
|
||||
}
|
||||
|
||||
.logout-btn {
|
||||
|
||||
Reference in New Issue
Block a user