verdnatura/salix-front
verdnatura
/
salix-front
2
3
Fork 1
Code Issues Pull Requests 78 Releases Wiki Activity

refactor: refs #7347 update checkbox and icon implementation
gitea/salix-front/pipeline/pr-dev This commit looks good Details

This commit is contained in:
Javier Segarra 2025-04-30 17:26:52 +02:00
parent 0e561c3d41
commit 303a1c3be9
3 changed files with 12 additions and 34 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/css/app.scss
View File

@ -319,14 +319,7 @@ input::-webkit-inner-spin-button {
.q-item > .q-item__section:has(.q-checkbox) {
max-width: fit-content;
}
.vn-row > * .q-checkbox r {
min-width: 80%;
display: flex;
justify-content: space-between;
}
.vn-row > .q-checkbox.row.items-center {
max-width: fit-content;
}
.q-field__inner {
.q-field__control {
min-height: auto !important;

9
src/pages/Supplier/Card/SupplierConsumption.vue
View File

@ -283,10 +283,11 @@ const expanded = ref([]);
@click="props.expand = !props.expand"
>
<QTd auto-width>
<QToggle
v-model="props.expand"
checked-icon="vn:eye"
unchecked-icon="remove"
<QIcon
:class="props.expand ? '' : 'rotate-270'"
name="expand_circle_down"
size="md"
:color="props.expand ? 'primary' : 'white'"
/>
</QTd>

26
src/pages/Zone/ZoneUpcoming.vue
View File

@ -59,27 +59,11 @@ onMounted(() => weekdayStore.initStore());
v-for="(detail, index) in details"
:key="index"
class="full-width flex q-mb-lg"
style="flex-direction: column"
>
<div class="column full-width">
<div class="flex">
<span class="header">
{{ getHeaderTitle(detail.shipped) }}
</span>
<span class="header">
{{ getHeaderTitle(detail.shipped) }}
</span>
<span class="header">
{{ getHeaderTitle(detail.shipped) }}
</span>
</div>
<QTable
flat
:columns="columns"
:rows="detail.lines"
class="full-width"
/>
</div>
<span class="header">
{{ getHeaderTitle(detail.shipped) }}
</span>
<QTable flat :columns="columns" :rows="detail.lines" class="full-width" />
</div>
</QCard>
</QPage>
@ -87,7 +71,7 @@ onMounted(() => weekdayStore.initStore());
<style scoped lang="scss">
.header {
flex: 1 0 33%;
min-width: 100% !important;
display: flex;
align-items: center;
padding-left: 8px;