Start working on some defined styles, begin implementing password update in account
This commit is contained in:
parent
0789b814dd
commit
adcd2682ef
8 changed files with 226 additions and 91 deletions
18
resources/scripts/components/elements/ContentBox.tsx
Normal file
18
resources/scripts/components/elements/ContentBox.tsx
Normal file
|
@ -0,0 +1,18 @@
|
|||
import * as React from 'react';
|
||||
import classNames from 'classnames';
|
||||
|
||||
type Props = Readonly<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> & {
|
||||
title?: string;
|
||||
borderColor?: string;
|
||||
}>;
|
||||
|
||||
export default ({ title, borderColor, children, ...props }: Props) => (
|
||||
<div {...props}>
|
||||
{title && <h2 className={'text-neutral-300 mb-2 px-4'}>{title}</h2>}
|
||||
<div className={classNames('bg-neutral-700 p-4 rounded shadow-lg', borderColor, {
|
||||
'border-t-4': !!borderColor,
|
||||
})}>
|
||||
{children}
|
||||
</div>
|
||||
</div>
|
||||
);
|
Reference in a new issue