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

perf: improve tabbar component styles

pull/609/head
Ryan Wang 2022-09-09 18:24:14 +08:00
parent 92020618d3
commit 21ec46d47f
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 cursor-pointer
self-center self-center
transition-all transition-all
text-base text-sm
justify-center justify-center
gap-2; gap-2
h-9;
.tabbar-item-label, .tabbar-item-label,
.tabbar-item-icon { .tabbar-item-icon {
@ -88,8 +89,7 @@ const handleChange = (id: number | string) => {
} }
.tabbar-item { .tabbar-item {
@apply h-10 @apply px-5
px-5
py-1 py-1
border-b-gray-100; border-b-gray-100;
@ -109,8 +109,7 @@ const handleChange = (id: number | string) => {
} }
.tabbar-item { .tabbar-item {
@apply h-10 @apply px-6
px-9
py-1 py-1
opacity-70 opacity-70
rounded-base; rounded-base;
@ -137,11 +136,10 @@ const handleChange = (id: number | string) => {
} }
.tabbar-item { .tabbar-item {
@apply h-10 @apply px-6
px-9
py-1 py-1
opacity-70 opacity-70
rounded-base; rounded-sm;
&.tabbar-item-active { &.tabbar-item-active {
@apply bg-white @apply bg-white
@ -166,6 +164,10 @@ const handleChange = (id: number | string) => {
@apply flex-col; @apply flex-col;
} }
.tabbar-item {
width: 100%;
}
&.tabbar-default { &.tabbar-default {
border-bottom-width: 0; border-bottom-width: 0;
@apply border-b-0; @apply border-b-0;