style: reduce odds board heading typography
This commit is contained in:
@@ -162,11 +162,11 @@ onMounted(() => void fetchOdds())
|
||||
<style lang="scss" scoped>
|
||||
.odds-board { min-height: 100%; padding: 20rpx 18rpx 28rpx; box-sizing: border-box; background: #f8fafc; }
|
||||
.odds-board__heading { display: flex; align-items: flex-end; justify-content: space-between; margin: 0 2rpx 16rpx; }
|
||||
.odds-board__title { display: block; color: #111827; font-size: 30rpx; font-weight: 700; }
|
||||
.odds-board__title { display: block; color: #111827; font-size: 26rpx; font-weight: 700; }
|
||||
.odds-board__hint, .odds-board__time { color: #9aa2ad; font-size: 20rpx; }
|
||||
.odds-board__hint { display: block; margin-top: 4rpx; }
|
||||
.market-tabs { display: flex; gap: 10rpx; margin-bottom: 14rpx; }
|
||||
.market-tabs__item { flex: 1; height: 58rpx; display: flex; align-items: center; justify-content: center; border-radius: 14rpx; background: #f1f3f6; color: #707781; font-size: 24rpx; }
|
||||
.market-tabs__item { flex: 1; height: 50rpx; display: flex; align-items: center; justify-content: center; border-radius: 12rpx; background: #f1f3f6; color: #707781; font-size: 21rpx; }
|
||||
.market-tabs__item--active { background: #1769ff; color: #fff; font-weight: 600; box-shadow: 0 10rpx 24rpx rgba(23, 105, 255, .18); }
|
||||
.odds-table-wrap { overflow: hidden; border: 1rpx solid #e5e9ef; border-radius: 18rpx; background: #fff; }
|
||||
.odds-table { width: 100%; }
|
||||
|
||||
Reference in New Issue
Block a user