refactor: refs #7347 update checkbox and icon implementation
gitea/salix-front/pipeline/pr-dev This commit looks good
Details
gitea/salix-front/pipeline/pr-dev This commit looks good
Details
This commit is contained in:
parent
0e561c3d41
commit
303a1c3be9
|
@ -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;
|
||||
|
@ -366,4 +359,4 @@ input::-webkit-inner-spin-button {
|
|||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: space-evenly;
|
||||
}
|
||||
}
|
|
@ -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>
|
||||
|
||||
|
|
|
@ -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;
|
||||
|
|
Loading…
Reference in New Issue