133 lines
2.4 KiB
CSS
133 lines
2.4 KiB
CSS
@tailwind theme;
|
|
@tailwind base;
|
|
@tailwind components;
|
|
@tailwind utilities;
|
|
|
|
@layer base {
|
|
h1 {
|
|
font-size: var(--text-2xl);
|
|
}
|
|
h2 {
|
|
font-size: var(--text-xl);
|
|
}
|
|
.rounded-ms {
|
|
border-radius: 0.275rem;
|
|
}
|
|
}
|
|
|
|
@layer components {
|
|
.alert {
|
|
@apply text-white text-sm min-w-[250px] border px-4 py-3 rounded-md
|
|
}
|
|
.alert-success {
|
|
@apply bg-green-950 hover:bg-green-900 border-green-500
|
|
}
|
|
.alert-warning {
|
|
@apply bg-yellow-500 hover:bg-yellow-600 border-yellow-400 text-black
|
|
}
|
|
}
|
|
|
|
/* Prevent scrolling while dialog is open */
|
|
body:has(dialog[data-dialog-target="dialog"][open]) {
|
|
overflow: hidden;
|
|
}
|
|
|
|
/* Customize the dialog backdrop */
|
|
dialog {
|
|
box-shadow: 0 0 0 100vw rgb(0 0 0 / 0.5);
|
|
}
|
|
|
|
@keyframes fade-in {
|
|
0% {
|
|
opacity: 0;
|
|
}
|
|
100% {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
|
|
@keyframes fade-out {
|
|
0% {
|
|
opacity: 1;
|
|
}
|
|
100% {
|
|
opacity: 0;
|
|
}
|
|
}
|
|
|
|
/* Add animations */
|
|
dialog[data-dialog-target="dialog"][open] {
|
|
animation: fade-in 200ms forwards;
|
|
}
|
|
|
|
dialog[data-dialog-target="dialog"][closing] {
|
|
animation: fade-out 200ms forwards;
|
|
}
|
|
|
|
.text-input {
|
|
@apply bg-gray-50 text-gray-50 px-2 py-1 bg-transparent border-b-2 border-orange-400
|
|
}
|
|
|
|
.submit-button {
|
|
@apply bg-green-600/40 px-1.5 py-1 w-full rounded-md text-gray-50 backdrop-filter backdrop-blur-sm border-2 border-green-500 hover:bg-green-700/40
|
|
}
|
|
|
|
.r-tablecell {
|
|
display: none;
|
|
}
|
|
|
|
.r-tablerow {
|
|
display: flex;
|
|
}
|
|
|
|
@media screen and (min-width: 768px) {
|
|
.r-tablecell {
|
|
display: table-cell;
|
|
}
|
|
|
|
.r-tablerow {
|
|
display: table-row;
|
|
}
|
|
}
|
|
|
|
.options-table {
|
|
display: flex;
|
|
|
|
:last-child {
|
|
border-bottom: none;
|
|
}
|
|
}
|
|
|
|
@media screen and (min-width: 768px) {
|
|
.options-table {
|
|
display: inline-table;
|
|
}
|
|
}
|
|
|
|
#search .ts-wrapper.single .ts-control::after {
|
|
display: none !important;
|
|
}
|
|
|
|
#search .ts-control {
|
|
background: transparent !important;
|
|
border: none !important;
|
|
box-shadow: none !important;
|
|
color: #fff !important;
|
|
padding-left: 0;
|
|
|
|
input {
|
|
color: #fff !important;
|
|
padding: 0;
|
|
}
|
|
}
|
|
|
|
#search .ts-dropdown {
|
|
background: unset;
|
|
@apply bg-orange-500/80 backdrop-filter backdrop-blur-md text-white border border-orange-500 rounded-md
|
|
}
|
|
|
|
#search .ts-dropdown .ts-dropdown-content .option.active {
|
|
background: unset;
|
|
@apply bg-orange-500/80 text-black font-bold rounded-md
|
|
}
|