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

fix: q-tree triangle

Browse source
This commit is contained in:
puriphatt 2024-07-23 02:26:15 +00:00
parent 0fe6cc515e
commit 37ceaafa4a
3 changed files with 23 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

4
src/css/quasar.variables.scss
View file

@ -128,3 +128,7 @@ i.q-icon.mdi.mdi-play.q-tree__arrow {
) {
background-color: hsla(var(--info-bg) / 0.1);
}
.q-tree > .q-tree__node--child > .q-tree__node-header {
padding-left: 32px;
}

11
src/pages/01_branch-management/MainPage.vue
View file

@ -681,6 +681,13 @@ watch(
<div
class="row col items-center justify-between full-width no-wrap"
>
<q-icon
v-if="node.isHeadOffice"
name="mdi-triangle-down"
size="12px"
class="app-text-muted q-mr-md"
:style="`rotate: ${expandedTree[0] === node.id ? '0deg' : '30deg'}`"
/>
<div class="col row">
<span
class="ellipsis col-12"
@ -1915,4 +1922,8 @@ watch(
transform: translateY(-20px);
opacity: 0;
}
* :deep(.q-icon.mdi-play) {
display: none;
}
</style>

9
src/pages/04_product-service/MainPage.vue
View file

@ -1464,6 +1464,13 @@ watch(
<div
class="row col items-center justify-between full-width no-wrap"
>
<q-icon
v-if="node.type === 'group' && node._count.type > 0"
name="mdi-triangle-down"
size="12px"
class="app-text-muted q-mr-md"
:style="`rotate: ${expandedTree[0] === node.id ? '0deg' : '30deg'}`"
/>
<div class="col row">
<span
class="ellipsis col-12"
@ -1481,7 +1488,7 @@ watch(
</div>
<div
class="row q-gutter-xs items-center no-wrap"
class="row q-gutter-xs items-center no-wrap app-text-muted"
v-if="$q.screen.gt.xs"
>
<q-btn