chamomind/jws-frontend
chamomind/jws-frontend
7
0
Fork 0
Code Issues Projects Releases Packages 1 Wiki Activity Actions

fix: tab style decoration

Browse source
This commit is contained in:
oat_dev 2024-06-07 15:15:42 +07:00
parent 0c2b624d0d
commit f3a0e2ba6c
2 changed files with 38 additions and 36 deletions
Download patch file Download diff file Expand all files Collapse all files

11
src/components/TabComponent.vue
View file

@ -66,18 +66,19 @@ function close(index: number) {
<template>
<div class="row no-wrap">
<q-btn
class="q-px-lg tab-style app-text-muted"
class="q-px-lg bordered-b bordered-r app-text-muted"
flat
:color="$q.dark.isActive ? 'primary' : ''"
style="background-color: var(--_body-bg)"
@click="addData()"
icon="mdi-plus"
:disable="readonly"
></q-btn>
<q-tabs
active-bg-color="white"
active-color="primary"
:active-bg-color="$q.dark.isActive ? 'dark' : 'white'"
:active-color="$q.dark.isActive ? 'white' : 'primary'"
indicator-color="transparent"
active-class="active-tab"
active-class="bordered-r"
v-model="tab"
align="left"
inline-label
@ -91,7 +92,7 @@ function close(index: number) {
:label="`${$t('customerBranchFormTab')} ${index + 1}`"
@click="tab = index"
no-caps
:class="tab === index ? '' : 'tab-style'"
:class="tab === index ? '' : 'bordered-b bordered-r'"
>
<q-btn
round