From 6a39094090bb96721acd11941d84c84336faefd0 Mon Sep 17 00:00:00 2001
From: zj <1772600164@qq.com>
Date: Fri, 09 Jan 2026 18:59:24 +0800
Subject: [PATCH] 1
---
src/views/Contract.vue | 43 +++++++++++++++++++++++++------------------
1 files changed, 25 insertions(+), 18 deletions(-)
diff --git a/src/views/Contract.vue b/src/views/Contract.vue
index 6467992..53bcd7c 100644
--- a/src/views/Contract.vue
+++ b/src/views/Contract.vue
@@ -338,9 +338,10 @@
.main-tabs {
display: flex;
align-items: center;
- padding: 12px 16px;
- gap: 24px;
- border-bottom: 1px solid $border-light;
+ padding: $spacing-md $spacing-lg;
+ gap: $spacing-xxl;
+ margin-bottom: $spacing-lg;
+ background: $bg-tertiary;
.tab-item {
font-size: $font-md;
@@ -437,9 +438,10 @@
.timeframes {
display: flex;
align-items: center;
- padding: 8px 16px;
- gap: 16px;
- border-bottom: 1px solid $border-light;
+ padding: $spacing-sm $spacing-lg;
+ gap: $spacing-lg;
+ margin-bottom: $spacing-sm;
+ background: $bg-tertiary;
.timeframe {
font-size: $font-sm;
@@ -449,8 +451,8 @@
cursor: pointer;
&.active {
- background: $primary-light-blue;
- color: $primary-blue;
+ background: $primary-light;
+ color: $primary;
}
}
@@ -478,7 +480,10 @@
padding: 8px 16px;
font-size: $font-sm;
color: $text-secondary;
- border-bottom: 1px solid $border-light;
+ margin-bottom: $spacing-sm;
+ padding: $spacing-sm $spacing-lg;
+ background: $bg-tertiary;
+ border-radius: $radius-md;
}
.position-buttons {
@@ -508,7 +513,8 @@
&.short {
background: $bg-primary;
color: $text-secondary;
- border: 1px solid $border-light;
+ background: $bg-card;
+ border-radius: $radius-md;
&.active {
background: $down-red;
@@ -559,9 +565,10 @@
.orderbook-price {
text-align: center;
padding: 8px 0;
- border-top: 1px solid $border-light;
- border-bottom: 1px solid $border-light;
- margin: 8px 0;
+ background: $bg-tertiary;
+ border-radius: $radius-md;
+ margin: $spacing-sm 0;
+ padding: $spacing-sm 0;
.current-price {
font-size: $font-lg;
@@ -612,8 +619,8 @@
cursor: pointer;
&.active {
- background: $primary-light-blue;
- color: $primary-blue;
+ background: $primary-light;
+ color: $primary;
}
}
@@ -708,7 +715,7 @@
.slider-fill {
height: 100%;
- background: $primary-blue;
+ background: $primary;
border-radius: 2px;
}
}
@@ -749,8 +756,8 @@
display: flex;
padding: 12px 16px;
gap: 24px;
- border-top: 1px solid $border-light;
- border-bottom: 1px solid $border-light;
+ background: $bg-tertiary;
+ margin-top: $spacing-lg;
.bottom-tab {
font-size: $font-md;
--
Gitblit v1.9.3