2022-07-12 10:55:28 +02:00
|
|
|
body {
|
|
|
|
@apply bg-body-background-color dark:bg-gray-700 dark:text-white;
|
|
|
|
}
|
|
|
|
|
|
|
|
/* Button */
|
|
|
|
.btn {
|
|
|
|
outline: none !important;
|
|
|
|
@apply font-bold py-2 px-4 bg-mbz-bluegreen dark:bg-violet-3 text-white rounded h-10;
|
|
|
|
}
|
2022-07-12 10:55:28 +02:00
|
|
|
.btn:hover {
|
|
|
|
@apply text-slate-200;
|
|
|
|
}
|
2022-07-12 10:55:28 +02:00
|
|
|
.btn-rounded {
|
|
|
|
@apply rounded-full;
|
|
|
|
}
|
2022-07-12 10:55:28 +02:00
|
|
|
.btn-outlined-,
|
2022-07-12 10:55:28 +02:00
|
|
|
.btn-outlined-primary {
|
2022-07-12 10:55:28 +02:00
|
|
|
@apply bg-transparent text-black dark:text-white font-semibold py-2 px-4 border border-mbz-bluegreen dark:border-violet-3;
|
2022-07-12 10:55:28 +02:00
|
|
|
}
|
2022-07-12 10:55:28 +02:00
|
|
|
.btn-outlined-:hover,
|
2022-07-12 10:55:28 +02:00
|
|
|
.btn-outlined-primary:hover {
|
|
|
|
@apply font-bold py-2 px-4 bg-mbz-bluegreen dark:bg-violet-3 text-white rounded;
|
|
|
|
}
|
2022-08-12 16:46:44 +02:00
|
|
|
.btn-size-large {
|
|
|
|
@apply text-2xl py-6;
|
|
|
|
}
|
2022-07-12 10:55:28 +02:00
|
|
|
.btn-disabled {
|
|
|
|
@apply opacity-50 cursor-not-allowed;
|
|
|
|
}
|
2022-07-12 10:55:28 +02:00
|
|
|
.btn-danger {
|
|
|
|
@apply bg-mbz-danger;
|
|
|
|
}
|
|
|
|
.btn-success {
|
|
|
|
@apply bg-mbz-success;
|
|
|
|
}
|
2022-07-12 10:55:28 +02:00
|
|
|
|
|
|
|
/* Field */
|
|
|
|
.field {
|
|
|
|
margin-top: 0.5rem;
|
|
|
|
}
|
|
|
|
.field-label {
|
|
|
|
@apply block text-gray-700 dark:text-gray-100 text-base font-bold mb-2;
|
|
|
|
}
|
|
|
|
.field-danger {
|
|
|
|
@apply text-red-500;
|
|
|
|
}
|
|
|
|
|
|
|
|
.o-field.o-field--addons .control:last-child:not(:only-child) .button {
|
|
|
|
@apply inline-flex text-gray-800 bg-gray-200 h-9 mt-[1px] rounded text-center px-2 py-1.5;
|
|
|
|
|
|
|
|
border-bottom-left-radius: 0;
|
|
|
|
border-top-left-radius: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.field-message-info {
|
|
|
|
@apply text-mbz-info;
|
|
|
|
}
|
|
|
|
|
|
|
|
.field-message-danger {
|
|
|
|
@apply text-mbz-danger;
|
|
|
|
}
|
|
|
|
|
|
|
|
/* Input */
|
|
|
|
.input {
|
|
|
|
@apply appearance-none border w-full py-2 px-3 text-black leading-tight;
|
|
|
|
}
|
|
|
|
.input-danger {
|
|
|
|
@apply border-red-500;
|
|
|
|
}
|
|
|
|
.input-icon-right {
|
|
|
|
right: 0.5rem;
|
|
|
|
}
|
|
|
|
|
|
|
|
.icon-warning {
|
|
|
|
@apply text-amber-600;
|
|
|
|
}
|
|
|
|
|
|
|
|
.icon-danger {
|
|
|
|
@apply text-red-500;
|
|
|
|
}
|
|
|
|
|
|
|
|
.o-input__icon-left {
|
|
|
|
@apply dark:text-black h-10 w-10;
|
|
|
|
}
|
|
|
|
|
|
|
|
.o-input-iconspace-left {
|
|
|
|
@apply pl-10;
|
|
|
|
}
|
|
|
|
|
|
|
|
/* InputItems */
|
|
|
|
.inputitems-item {
|
|
|
|
@apply bg-primary mr-2;
|
|
|
|
}
|
|
|
|
|
|
|
|
.inputitems-item:first-child {
|
|
|
|
@apply ml-2;
|
|
|
|
}
|
|
|
|
|
|
|
|
/* Autocomplete */
|
|
|
|
.autocomplete-menu {
|
|
|
|
@apply max-h-[200px] drop-shadow-md text-black;
|
|
|
|
}
|
|
|
|
|
|
|
|
.autocomplete-item {
|
|
|
|
@apply py-1.5 px-4;
|
|
|
|
}
|
|
|
|
|
|
|
|
/* Dropdown */
|
|
|
|
.dropdown {
|
|
|
|
@apply inline-flex relative;
|
|
|
|
}
|
|
|
|
.dropdown-menu {
|
|
|
|
min-width: 12em;
|
2022-08-12 16:46:44 +02:00
|
|
|
@apply bg-white dark:bg-gray-700 shadow-lg rounded text-start py-2;
|
2022-07-12 10:55:28 +02:00
|
|
|
}
|
|
|
|
.dropdown-item {
|
2022-07-12 10:55:28 +02:00
|
|
|
@apply relative inline-flex gap-1 no-underline p-2 cursor-pointer w-full;
|
2022-07-12 10:55:28 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
.dropdown-item-active {
|
|
|
|
/* @apply bg-violet-2; */
|
|
|
|
@apply bg-white;
|
|
|
|
}
|
|
|
|
|
|
|
|
/* Checkbox */
|
|
|
|
|
|
|
|
.checkbox {
|
|
|
|
@apply appearance-none bg-blue-500 border-blue-500;
|
|
|
|
}
|
|
|
|
|
|
|
|
.checkbox-checked {
|
|
|
|
@apply bg-blue-500;
|
|
|
|
}
|
|
|
|
|
|
|
|
.checkbox-label {
|
|
|
|
margin-left: 0.2rem;
|
|
|
|
}
|
|
|
|
|
|
|
|
/* Modal */
|
|
|
|
|
|
|
|
.modal-content {
|
|
|
|
@apply bg-white dark:bg-gray-700 rounded px-2 py-4 w-full;
|
|
|
|
}
|
|
|
|
|
|
|
|
/* Switch */
|
|
|
|
.switch {
|
|
|
|
@apply cursor-pointer inline-flex items-center relative mr-2;
|
|
|
|
}
|
|
|
|
|
|
|
|
.switch-label {
|
|
|
|
@apply pl-2;
|
|
|
|
}
|
|
|
|
|
|
|
|
/* Select */
|
|
|
|
.select {
|
|
|
|
@apply dark:bg-white dark:text-black rounded pl-2 pr-6 border-2 border-transparent h-10 shadow-none;
|
|
|
|
}
|
|
|
|
|
|
|
|
/* Radio */
|
|
|
|
.form-radio {
|
|
|
|
@apply bg-none;
|
|
|
|
}
|
|
|
|
.radio-label {
|
|
|
|
@apply pl-2;
|
|
|
|
}
|
|
|
|
|
|
|
|
/* Editor */
|
|
|
|
button.menubar__button {
|
|
|
|
@apply dark:text-white;
|
|
|
|
}
|
|
|
|
|
|
|
|
/* Notification */
|
|
|
|
.notification {
|
2022-07-12 10:55:28 +02:00
|
|
|
@apply p-7 bg-secondary text-black rounded;
|
2022-07-12 10:55:28 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
.notification-primary {
|
|
|
|
@apply bg-primary;
|
|
|
|
}
|
|
|
|
|
|
|
|
.notification-info {
|
|
|
|
@apply bg-mbz-info;
|
|
|
|
}
|
|
|
|
|
|
|
|
.notification-warning {
|
|
|
|
@apply bg-amber-600 text-black;
|
|
|
|
}
|
|
|
|
|
|
|
|
.notification-danger {
|
|
|
|
@apply bg-mbz-danger;
|
|
|
|
}
|
|
|
|
|
|
|
|
/* Table */
|
|
|
|
.table tr {
|
2022-07-12 10:55:28 +02:00
|
|
|
@apply odd:bg-white dark:odd:bg-gray-800 even:bg-gray-50 dark:even:bg-gray-900 border-b;
|
2022-07-12 10:55:28 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
.table-td {
|
|
|
|
@apply py-4 px-2 whitespace-nowrap;
|
|
|
|
}
|
|
|
|
|
|
|
|
/* Snackbar */
|
|
|
|
.notification-dark {
|
|
|
|
@apply text-white;
|
|
|
|
background: #363636;
|
|
|
|
}
|
2022-08-22 12:12:09 +02:00
|
|
|
|
|
|
|
/** Pagination */
|
|
|
|
.pagination {
|
|
|
|
@apply flex items-center text-center justify-between;
|
|
|
|
}
|
|
|
|
.pagination-link {
|
|
|
|
@apply inline-flex items-center relative justify-center cursor-pointer rounded h-10 m-1 p-2 bg-white text-lg;
|
|
|
|
}
|
|
|
|
.pagination-list {
|
|
|
|
@apply flex items-center text-center list-none flex-wrap grow shrink justify-start;
|
|
|
|
}
|
|
|
|
.pagination-next,
|
|
|
|
.pagination-previous {
|
|
|
|
@apply px-3;
|
|
|
|
}
|
|
|
|
.pagination-link-current {
|
|
|
|
@apply bg-primary cursor-not-allowed pointer-events-none border-primary text-white;
|
|
|
|
}
|
|
|
|
.pagination-ellipsis {
|
|
|
|
@apply text-center m-1 text-gray-300;
|
|
|
|
}
|
|
|
|
|
|
|
|
/** Tabs */
|
|
|
|
.tabs-nav {
|
|
|
|
@apply flex items-center justify-start pb-0.5;
|
|
|
|
}
|
|
|
|
.tabs-nav-item-boxed {
|
|
|
|
@apply flex items-center justify-center px-2 py-2 rounded-t border-transparent;
|
|
|
|
}
|
|
|
|
.tabs-nav-item-active-boxed {
|
|
|
|
@apply bg-white border-gray-300 text-primary;
|
|
|
|
}
|