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 { onMounted, computed, ref } from 'vue';
|
||||
import { useRouter } from 'vue-router';
|
||||
import { useI18n } from 'vue-i18n';
|
||||
@@ -253,8 +253,8 @@ function formatKickoff(startTime: string) {
|
||||
}
|
||||
|
||||
.match-card:hover {
|
||||
border-color: var(--border-gold-soft);
|
||||
box-shadow: var(--shadow-gold);
|
||||
border-color: var(--border-active);
|
||||
box-shadow: var(--shadow);
|
||||
}
|
||||
|
||||
.card-top {
|
||||
@@ -267,7 +267,7 @@ function formatKickoff(startTime: string) {
|
||||
font-size: 11px;
|
||||
font-weight: 700;
|
||||
color: var(--primary-light);
|
||||
background: rgba(212, 175, 55, 0.08);
|
||||
background: rgba(0, 102, 204, 0.08);
|
||||
padding: 2px 6px;
|
||||
border-radius: 4px;
|
||||
max-width: 100%;
|
||||
@@ -339,7 +339,7 @@ function formatKickoff(startTime: string) {
|
||||
.bet-action-btn {
|
||||
padding: 4px 12px;
|
||||
border-radius: 4px;
|
||||
border: 1px solid var(--border-gold-soft);
|
||||
border: 1px solid var(--border-active);
|
||||
background: transparent;
|
||||
color: var(--primary-light);
|
||||
font-size: 11px;
|
||||
@@ -349,7 +349,7 @@ function formatKickoff(startTime: string) {
|
||||
|
||||
.match-card:hover .bet-action-btn {
|
||||
background: var(--primary);
|
||||
color: #3D2800;
|
||||
color: #FFFFFF;
|
||||
border-color: var(--primary);
|
||||
}
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user