diff --git a/apps/miniprogram/src/components/SegmentTabs/index.scss b/apps/miniprogram/src/components/SegmentTabs/index.scss index 4a1e01a..c13ba09 100644 --- a/apps/miniprogram/src/components/SegmentTabs/index.scss +++ b/apps/miniprogram/src/components/SegmentTabs/index.scss @@ -41,26 +41,32 @@ } &--pill { - gap: 12px; - flex-wrap: wrap; + gap: 8px; .seg-tab { - padding: 8px 24px; - border-radius: $r-pill; + flex: 1; + height: 44px; + border-radius: $r-sm; background: $surface-alt; + display: flex; + align-items: center; + justify-content: center; + transition: all 0.2s; &--active { - background: $pri; + background: var(--tk-pri); + box-shadow: var(--tk-shadow-tab); .seg-tab__text { - color: $card; - font-weight: bold; + color: $white; + font-weight: 600; } } } .seg-tab__text { - font-size: var(--tk-font-body-lg); + font-size: 15px; + font-weight: 600; color: $tx2; } }