52 lines
1.1 KiB
CSS
52 lines
1.1 KiB
CSS
/* import Google font icon */
|
|
@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200');
|
|
|
|
/* icon default set */
|
|
.material-symbols-outlined {
|
|
font-variation-settings:
|
|
'FILL' 0,
|
|
'wght' 400,
|
|
'GRAD' 0,
|
|
'opsz' 40
|
|
}
|
|
|
|
/* vue-toast-notification */
|
|
.v-toast__item {
|
|
@apply min-h-[48px] rounded-full
|
|
}
|
|
.v-toast__item .v-toast__text {
|
|
@apply py-3
|
|
}
|
|
|
|
/* Primevue */
|
|
/* sidebar */
|
|
.p-sidebar-left {
|
|
@apply ml-14
|
|
}
|
|
.p-sidebar-mask {
|
|
height: calc(100vh - 104px) !important;
|
|
top: 104px !important;
|
|
}
|
|
.p-sidebar {
|
|
@apply !shadow-[1px_0px_4px_rgba(0,0,0,0.25)]
|
|
}
|
|
.p-sidebar-header {
|
|
@apply bg-neutral-200 border-b border-neutral-300 !py-2 !justify-between
|
|
};
|
|
.p-sidebar-right .p-sidebar-header {
|
|
@apply flex-row-reverse !justify-end text-neutral-500
|
|
}
|
|
.p-sidebar-right .p-sidebar {
|
|
@apply !shadow-[-1px_0px_4px_rgba(0,0,0,0.25)]
|
|
}
|
|
/* inputswitch */
|
|
.p-inputswitch {
|
|
@apply !w-11 !h-6
|
|
}
|
|
.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
|
|
@apply !bg-primary
|
|
}
|
|
.p-inputswitch .p-inputswitch-slider:before {
|
|
@apply !w-5 !h-5 !left-0.5
|
|
}
|