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

perf: refs #7404 #7404 clean style rules
gitea/salix-front/pipeline/pr-dev This commit looks good Details

This commit is contained in:
Javier Segarra 2024-10-05 00:27:15 +02:00
parent 937a1f3ddb
commit 47ea8d1e5b
2 changed files with 60 additions and 42 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

45
src/components/common/VnInput.vue
View File

@ -127,27 +127,30 @@ const mixinRules = [
inputMax: Debe ser menor a {value}
</i18n>
<style lang="scss">
.q-field__append {
padding-inline: 0;
}
.q-field.q-field--rounded > .q-field__inner > .q-field__control {
align-items: center;
height: 40px;
}
.q-field.q-field--labeled:not(.q-field--outlined) > .q-field__inner > .q-field__control {
height: 40px;
}
.q-field__append.q-field__marginal.row.no-wrap.items-center.row {
height: 35px;
}
.q-field--labeled {
.q-field__native,
.q-field__prefix,
.q-field__suffix,
.q-field__input {
padding-bottom: 0;
min-height: fit-content;
align-items: flex-start;
.q-field {
&__append {
padding-inline: 0;
&.q-field__marginal.row.no-wrap.items-center.row {
height: 35px;
}
}
&--rounded > .q-field__inner > .q-field__control,
&--labeled:not(&--outlined) > .q-field__inner > .q-field__control {
height: 40px;
align-items: center;
}
&--labeled {
.q-field__native,
.q-field__prefix,
.q-field__suffix,
.q-field__input {
padding-bottom: 0;
min-height: fit-content;
align-items: flex-start;
}
}
}
</style>

57
src/pages/Item/ItemFixedPrice.vue
View File

@ -584,33 +584,41 @@ function handleOnDataSave({ CrudModelRef }) {
</QPage>
</template>
<style lang="scss">
.q-table th,
.q-table td {
padding-inline: 5px !important;
}
.q-table tr td {
font-size: 10pt;
border-top: none;
border-collapse: collapse;
}
.q-table tbody td {
max-width: none;
.q-td.col {
& .vnInputDate {
min-width: 90px;
}
& div.row {
& .q-checkbox {
& .q-checkbox__inner {
position: relative !important;
&.q-checkbox__inner--truthy {
color: var(--q-primary);
.q-table {
th,
td {
padding-inline: 5px !important;
}
tr td {
font-size: 10pt;
border-top: none;
border-collapse: collapse;
}
tbody td {
max-width: none;
.q-td.col {
.vnInputDate {
min-width: 90px;
}
div.row {
.q-checkbox {
.q-checkbox__inner {
position: relative !important;
&--truthy {
color: var(--q-primary);
}
}
}
}
}
}
}
.q-field__after,
.q-field__append {
padding: 0;
@ -619,6 +627,7 @@ function handleOnDataSave({ CrudModelRef }) {
tbody tr.highlight .q-td {
animation: highlight-animation 4s ease-in-out;
}
@keyframes highlight-animation {
0% {
background-color: $primary-light;
@ -627,28 +636,34 @@ tbody tr.highlight .q-td {
background-color: transparent;
}
}
.subName {
margin-left: 5%;
font-size: 0.75rem;
text-transform: uppercase;
color: var(--vn-label-color);
}
.q-td .q-field__control.relative-position.row.no-wrap {
height: 25px;
display: flex;
align-items: center;
.q-icon:not(.q-select__dropdown-icon) {
padding-bottom: 7px;
}
.q-icon.q-select__dropdown-icon {
padding-bottom: 5px;
}
.q-field__native,
.q-field__prefix,
.q-field__suffix,
.q-field__input {
padding-bottom: 0;
}
.q-field__append.q-field__marginal.row.no-wrap.items-center {
align-items: flex-end;
}