1

zj

2026-01-09 6a39094090bb96721acd11941d84c84336faefd0

 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;