MrUnknownDE/panel
1
0
Fork 0
mirror of https://github.com/MrUnknownDE/panel.git synced 2026-04-21 07:43:45 +02:00
Code Issues Packages Projects Releases Wiki Activity

Get basic modal view for editing/creating a new subuser working

Browse Source
This commit is contained in:
Dane Everitt
2020-03-25 21:58:37 -07:00
parent 8d52e2e1a7
commit 51c5cf4dbb
13 changed files with 293 additions and 186 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
resources/scripts/components/elements/TitledGreyBox.tsx
View File

@@ -4,7 +4,7 @@ import { IconProp } from '@fortawesome/fontawesome-svg-core';
interface Props {
icon?: IconProp;
title: string;
title: string | React.ReactNode;
className?: string;
children: React.ReactNode;
}
@@ -12,9 +12,13 @@ interface Props {
const TitledGreyBox = ({ icon, title, children, className }: Props) => (
<div className={`rounded shadow-md bg-neutral-700 ${className}`}>
<div className={'bg-neutral-900 rounded-t p-3 border-b border-black'}>
<p className={'text-sm uppercase'}>
{icon && <FontAwesomeIcon icon={icon} className={'mr-2 text-neutral-300'}/>}{title}
</p>
{typeof title === 'string' ?
<p className={'text-sm uppercase'}>
{icon && <FontAwesomeIcon icon={icon} className={'mr-2 text-neutral-300'}/>}{title}
</p>
:
title
}
</div>
<div className={'p-3'}>
{children}