mirror of
https://github.com/MrUnknownDE/panel.git
synced 2026-04-18 06:13:45 +02:00
Start working on some defined styles, begin implementing password update in account
This commit is contained in:
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 New Issue
Block a user