ui(admin): add "working" React admin ui
This commit is contained in:
parent
d1c7494933
commit
5402584508
199 changed files with 13387 additions and 151 deletions
|
@ -73,7 +73,7 @@ export default ({
|
|||
open={open}
|
||||
onClose={onDialogClose}
|
||||
>
|
||||
<div className={'fixed inset-0 bg-gray-900/50 z-40'} />
|
||||
<div className={'fixed inset-0 bg-slate-900/50 z-40'} />
|
||||
<div className={'fixed inset-0 overflow-y-auto z-50'}>
|
||||
<div
|
||||
ref={container}
|
||||
|
|
|
@ -8,7 +8,9 @@ export default ({ children }: { children: React.ReactNode }) => {
|
|||
|
||||
useDeepCompareEffect(() => {
|
||||
setFooter(
|
||||
<div className={'px-6 py-3 bg-gray-700 flex items-center justify-end space-x-3 rounded-b'}>{children}</div>,
|
||||
<div className={'px-6 py-3 bg-slate-700 flex items-center justify-end space-x-3 rounded-b'}>
|
||||
{children}
|
||||
</div>,
|
||||
);
|
||||
}, [children]);
|
||||
|
||||
|
|
|
@ -3,12 +3,12 @@
|
|||
}
|
||||
|
||||
.panel {
|
||||
@apply relative bg-gray-600 rounded max-w-xl w-full mx-auto shadow-lg text-left;
|
||||
@apply ring-4 ring-gray-800 ring-opacity-80;
|
||||
@apply relative bg-slate-600 rounded max-w-xl w-full mx-auto shadow-lg text-left;
|
||||
@apply ring-4 ring-slate-800 ring-opacity-80;
|
||||
}
|
||||
|
||||
.title {
|
||||
@apply font-header text-xl font-medium mb-2 text-gray-50 pr-4;
|
||||
@apply font-header text-xl font-medium mb-2 text-slate-50 pr-4;
|
||||
}
|
||||
|
||||
.close_icon {
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue