refactor(05): component (quo card, date picker, select zone)

This commit is contained in:
puriphatt 2024-09-24 11:25:39 +07:00
parent 2fd669b573
commit 270deacba7
4 changed files with 29 additions and 5 deletions

View file

@ -15,6 +15,7 @@ $info: var(--blue-6);
$warning: #ffc224;
$disabled: var(--stone-4);
$input-border: var(--gray-2);
$separator-color: var(--border-color);
$separator-dark-color: var(--border-color);
@ -94,6 +95,21 @@ div.fullscreen.q-drawer__backdrop {
color: $disabled;
}
.input-border,
.input-border *,
[input-border],
[input-border] * :not(:deep(.q-checkbox)) {
color: hsl(var(--text-mute)) !important;
}
.bg-input-border {
background: $input-border;
}
.text-input-border {
color: $input-border;
}
.q-field--outlined.q-field--readonly .q-field__control:before {
border-color: transparent;
}
@ -113,11 +129,15 @@ div.fullscreen.q-drawer__backdrop {
color: hsl(var(--text-mute));
}
.q-tree__node-header.relative-position.row.no-wrap.items-center:has(.clickable-node):hover {
.q-tree__node-header.relative-position.row.no-wrap.items-center:has(
.clickable-node
):hover {
background-color: hsla(var(--info-bg) / 0.1);
}
.q-tree__node-header.relative-position.row.no-wrap.items-center:has(.clickable-node.active-node) {
.q-tree__node-header.relative-position.row.no-wrap.items-center:has(
.clickable-node.active-node
) {
background-color: hsla(var(--info-bg) / 0.1);
}
@ -125,7 +145,8 @@ div.fullscreen.q-drawer__backdrop {
padding-left: 0px !important;
}
.q-tree__node.relative-position.q-tree__node--child:not(:first-child) .q-tree__node-header:before {
.q-tree__node.relative-position.q-tree__node--child:not(:first-child)
.q-tree__node-header:before {
top: -32px !important;
}