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

fix: แก้ไข border

Browse source
This commit is contained in:
Net 2024-04-02 11:39:10 +07:00
parent e8ec46d19f
commit 5a03f88b24
1 changed files with 12 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

20
src/components/DrawerComponent.vue
View file

@ -36,11 +36,13 @@ const leftDrawerOpen = defineModel<boolean>('leftDrawerOpen', {
:key="v.label" :key="v.label"
clickable clickable
@click="currentRoute = v.label" @click="currentRoute = v.label"
class="no-padding"
:class="{ active: currentRoute === v.label, dark: $q.dark.isActive }" :class="{ active: currentRoute === v.label, dark: $q.dark.isActive }"
> >
<q-item-section id="btn-drawer-back " class="test"> <q-item-section id="btn-drawer-back " style="border: 10px">
<q-item-label> <q-item-label class="q-pl-lg">
<!-- <q-icon :name="v.icon" size="sm" class="q-mr-xs" /> --> <!-- <q-icon :name="v.icon" size="sm" class="q-mr-xs" /> -->
<div class="box-border-left" />
{{ v.label }} {{ v.label }}
</q-item-label> </q-item-label>
</q-item-section> </q-item-section>
@ -52,14 +54,12 @@ const leftDrawerOpen = defineModel<boolean>('leftDrawerOpen', {
<style lang="scss" scoped> <style lang="scss" scoped>
#drawer-menu :deep(.q-item) { #drawer-menu :deep(.q-item) {
color: var(--gray-6); color: var(--gray-6);
border-top-right-radius: 10px; border-top-right-radius: 10px;
border-bottom-right-radius: 10px; border-bottom-right-radius: 10px;
} }
#drawer-menu :deep(.q-item.active) { #drawer-menu :deep(.q-item.active) {
--_drawer-item-background-color: var(--brand-1) !important; --_drawer-item-background-color: var(--brand-1) !important;
background-color: var(--_drawer-item-background-color) !important; background-color: var(--_drawer-item-background-color) !important;
color: white; color: white;
border-left: 10px solid $secondary; border-left: 10px solid $secondary;
@ -67,10 +67,14 @@ const leftDrawerOpen = defineModel<boolean>('leftDrawerOpen', {
--_drawer-item-background-color: var(--gray-10) !important; --_drawer-item-background-color: var(--gray-10) !important;
border: 1px solid var(--brand-1); border: 1px solid var(--brand-1);
border-left: 10px solid $secondary; border-left: 10px solid $secondary;
.box-border-left {
position: absolute;
width: 10px;
background: $secondary;
height: 48.5px;
top: -1px;
left: -10px;
}
} }
} }
.test {
border: 1px solid blue;
}
</style> </style>