1

zj

2026-01-09 6a39094090bb96721acd11941d84c84336faefd0

 src/views/Discover.vue

@@ -236,8 +236,9 @@
.icon-grid {
  display: flex;
  justify-content: space-around;
  padding: 16px;
  border-bottom: 1px solid $border-light;
  padding: $spacing-lg;
  margin-bottom: $spacing-lg;
  background: $bg-tertiary;
  
  .grid-item {
    display: flex;
@@ -255,15 +256,15 @@
      font-size: 28px;
      
      &.gift {
        background: $primary-blue;
        background: $primary;
      }
      
      &.shopping {
        background: $primary-blue;
        background: $primary;
      }
      
      &.faucet {
        background: $primary-blue;
        background: $primary;
      }
    }
    
@@ -276,21 +277,24 @@

.category-tabs {
  display: flex;
  padding: 12px 16px;
  gap: 16px;
  padding: $spacing-md $spacing-lg;
  gap: $spacing-lg;
  overflow-x: auto;
  border-bottom: 1px solid $border-light;
  margin-bottom: $spacing-lg;
  background: $bg-tertiary;
  
  .category-tab {
    font-size: $font-md;
    color: $text-secondary;
    white-space: nowrap;
    padding: $spacing-xs $spacing-md;
    border-radius: $radius-pill;
    transition: all $transition-base;
    
    &.active {
      color: $text-primary;
      font-weight: 500;
      border-bottom: 2px solid $primary-blue;
      padding-bottom: 8px;
      color: $primary;
      font-weight: 600;
      background: $primary-light;
    }
  }