github
/
halo
mirror of https://github.com/halo-dev/halo
1
0
Fork 0
Code Issues Releases Wiki Activity

perf: improve tabbar component styles

pull/3445/head
Ryan Wang 2022-09-09 18:24:14 +08:00
parent 96b7d101d8
commit 4462ceceb4
1 changed files with 11 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
packages/components/src/components/tabs/Tabbar.vue
View File

@ -68,9 +68,10 @@ const handleChange = (id: number | string) => {
cursor-pointer
self-center
transition-all
text-base
text-sm
justify-center
gap-2;
gap-2
h-9;
.tabbar-item-label,
.tabbar-item-icon {
@ -88,8 +89,7 @@ const handleChange = (id: number | string) => {
}
.tabbar-item {
@apply h-10
px-5
@apply px-5
py-1
border-b-gray-100;
@ -109,8 +109,7 @@ const handleChange = (id: number | string) => {
}
.tabbar-item {
@apply h-10
px-9
@apply px-6
py-1
opacity-70
rounded-base;
@ -137,11 +136,10 @@ const handleChange = (id: number | string) => {
}
.tabbar-item {
@apply h-10
px-9
@apply px-6
py-1
opacity-70
rounded-base;
rounded-sm;
&.tabbar-item-active {
@apply bg-white
@ -166,6 +164,10 @@ const handleChange = (id: number | string) => {
@apply flex-col;
}
.tabbar-item {
width: 100%;
}
&.tabbar-default {
border-bottom-width: 0;
@apply border-b-0;