2 lines
17 KiB
CSS
2 lines
17 KiB
CSS
|
@tailwind base;@tailwind components;@tailwind utilities;.layout{@apply flex flex-col h-full;@apply min-w-[320px];min-height:100vh;overflow:hidden}.layout *{@apply text-base;}.layout main{@apply flex flex-col flex-1;}.layout h1{@apply text-xl md:text-2xl font-bold;}.layout h2{@apply text-lg md:text-xl font-bold;}.layout h3{@apply text-base md:text-lg font-bold;}.layout h4{@apply text-sm md:text-base font-bold;}.layout p:not(:last-child){@apply mb-4;}.layout .title{@apply mb-4;}.ui-btn{@apply h-[38px] text-base;@apply flex justify-center items-center;@apply px-2 border;}.ui-btn>*:not(:last-child){@apply mr-2;}.ui-btn .label{@apply text-base font-normal;}.ui-field-wrap .label{@apply mb-1;}.ui-field-wrap .input{@apply h-[38px] text-base;@apply block w-full border;}.ui-field-wrap .input>*{@apply w-full h-full px-2 py-2 outline-none;}.ui-field .description,.ui-field .message{@apply w-full pl-1 mt-1 text-sm;}.ui-field-checkbox{@apply mb-4;}.ui-field-checkbox .ui-field-wrap{@apply flex items-center justify-start;}.ui-field-checkbox .ui-field-wrap .label{@apply mb-0;}.ui-field-checkbox .ui-field-wrap .input{@apply w-max order-first mr-2;@apply w-[24px] h-[24px] min-w-[24px] min-h-[24px];@apply border rounded;}.ui-field-textarea .input{@apply h-auto;}.ui-field-textarea .input>*{@apply min-h-[94px];@apply leading-5;}.ui-alert{@apply relative border;}.ui-alert:not(:last-child){@apply mb-2;}.ui-alert-close{@apply absolute top-0 right-0 p-2;}.ui-alert-close .ui-icon{@apply cursor-pointer;}.ui-alert-content{@apply p-3;}.ui-icon{@apply block w-[24px];}.ui-card{@apply flex flex-col;@apply border bg-white;}.ui-card-head{@apply pt-3 px-3;}.ui-card-body{@apply p-3;@apply flex-1;}.ui-card-actions{@apply pb-3 px-3;@apply flex gap-2;}.ui-form-header,.ui-form-messages{@apply pb-4;}.ui-form-messages>*:not(:last-child){@apply mb-2;}.ui-form-body>*:not(:last-child){@apply mb-4;}.ui-form-actions{@apply flex items-center pt-4;}.ui-form-actions>*:not(:last-child){@apply mr-2;}.ui-table{@apply w-full;}.ui-table thead tr th{@apply py-2 px-3;@apply text-sm text-left;}.ui-table tbody tr:hover{@apply bg-light;}.ui-table tbody tr:not(:first-child){@apply border-t;}.ui-table tbody tr td{@apply p-2;}.ui-dialog{@apply bg-dark/30;@apply flex flex-col justify-center items-center;@apply z-50;position:fixed;width:100%;height:100%;top:0;left:0}.ui-dialog:not([open]){@apply hidden;}.ui-dialog-window{@apply bg-white text-dark;}.ui-dialog-window-header{@apply flex items-center justify-between py-2 px-3;}.ui-dialog-window-header>.title{@apply text-lg font-normal;}.ui-dialog-window-header .ui-icon-close{@apply w-[30px] h-[30px] p-0 border-0 cursor-pointer;}.ui-dialog-window-header .ui-icon-close:hover{@apply text-dark;}.ui-dialog-window-content{@apply p-3;}.ui-toggle-theme .ui-icon{@apply cursor-pointer;}.ui-pagination .pages{@apply flex;}.ui-pagination .pages-first,.ui-pagination .pages-numbers,.ui-pagination .pages-last{@apply flex items-end;}.ui-pagination .pages .page-item{@apply w-[38px] h-[38px];}.ui-pagination .pages .page-separator{@apply block mx-2;}.ui-pagination .pages-numbers .page-item:not(:last-child){@apply mr-2;}.layout{@apply bg-light/10 text-dark;@apply dark:bg-black dark:text-light;}.layout *{@apply border-light dark:border-light/40;}.layout a{@apply text-primary;}.ui-btn,.ui-alert{@apply bg-white;}.ui-btn.primary,.ui-alert.primary{@apply bg-primary border-primary text-white;}.ui-btn.accent,.ui-alert.accent{@apply bg-accent border-accent text-white;}.ui-btn.info,.ui-alert.info{@apply bg-info border-info text-white;}.ui-btn.success,.ui-alert.success{@apply bg-success border-success text-white;}.ui-btn.warning,.ui-alert.warning{@apply bg-warning border-warning text-white;}.ui-btn.error,.ui-alert.error{@apply bg-error border-error text-white;}.ui-btn.dark,.ui-alert.dark{@apply bg-dark border-dark text-white;}.ui-btn.light,.ui-alert.light{@apply bg-light;}.ui-btn:disabled,.ui-alert:disabled{@apply text-white bg-light border-light;}.ui-field .input>*{@apply bg-white dark:bg-white/10 text-dark dark:text-white;}.ui-field .description{@apply text-dark/50;}.
|