fix: css syntax

This commit is contained in:
Methapon Metanipat 2024-10-31 10:03:39 +07:00
parent 0986200910
commit 2558122a6b

View file

@ -553,14 +553,19 @@ onMounted(async () => {
color: white !important;
background: var(--brand-1) !important;
i.q-icon.mdi.mdi-chevron-down.q-expansion-item__toggle-icon.q-expansion-item__toggle-icon--rotated {
&
i.q-icon.mdi.mdi-chevron-down.q-expansion-item__toggle-icon.q-expansion-item__toggle-icon--rotated {
color: white !important;
}
}
.sub-menu {
font-weight: 400;
.active {
& .active {
color: var(--brand-1) !important;
font-weight: bold;
&::before {
content: '';
display: inline-block;
@ -570,12 +575,14 @@ onMounted(async () => {
border-radius: 50px;
background-color: var(--brand-2);
}
color: var(--brand-1) !important;
font-weight: bold;
}
&:hover {
nav::before {
color: var(--brand-1) !important;
cursor: pointer;
font-weight: bold;
& nav::before {
content: '';
display: inline-block;
margin-left: -3px;
@ -584,9 +591,6 @@ onMounted(async () => {
border-radius: 50px;
background-color: var(--brand-2);
}
color: var(--brand-1) !important;
cursor: pointer;
font-weight: bold;
}
}
</style>