duanshuwen/nianxx-h5
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style(find-tabs): adjust spacing and label styles

Browse Source 
Add a spacer div after the last tab to add consistent right padding, remove redundant px-1 padding from tab labels, and clean up excess whitespace in class attributes.
This commit is contained in:
DEV_DSW
2026-06-02 16:00:04 +08:00
parent a024fccab7
commit 0c94c8f798
1 changed files with 4 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
src/pages/home/components/Discovery/components/FindTabs/index.vue
View File

@@ -8,7 +8,7 @@
<div class="relative flex items-center justify-center h-[50px]"> <div class="relative flex items-center justify-center h-[50px]">
<div class="relative inline-flex items-center justify-center"> <div class="relative inline-flex items-center justify-center">
<span <span
:class="['relative text-base z-10 px-1 leading-none', modelValue === idx ? 'text-[#0b0b0b] font-bold' : 'font-medium text-[#808c99]/90']"> :class="['relative text-base z-10 leading-none', modelValue === idx ? 'text-[#0b0b0b] font-bold' : 'font-medium text-[#808c99]/90']">
{{ tab.label }} {{ tab.label }}
</span> </span>
<img v-if="modelValue === idx && (isZhiNian ? indicatorSrcB : indicatorSrc)" <img v-if="modelValue === idx && (isZhiNian ? indicatorSrcB : indicatorSrc)"
@@ -17,6 +17,7 @@
</div> </div>
</div> </div>
</div> </div>
<div class="w-px h-[50px] shrink-0"></div>
</div> </div>
</div> </div>
</div> </div>