md.asif5/osaka
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add CabinetCreation component and form validation; update translations and routing

Browse Source
This commit is contained in:
Md Asif
2024-12-21 23:52:19 +05:30
parent 03747b5251
commit 442b8e52dd
4 changed files with 98 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/FormBox.jsx
View File

@@ -3,12 +3,12 @@ import clsx from 'clsx';
function FormBox({ title, children, alt = false }) {
return (
<div className={clsx(alt ? 'bg-secondary-variant dark:bg-secondary-variant-dark border-secondary-variant dark:border-secondary-variant-dark' : 'bg-surface-variant dark:bg-surface-variant-dark', 'transition-color-mode font-body border-secondary dark:border-secondary-dark border-2 p-4 rounded-3xl relative h-full')}>
<form className={clsx(alt ? 'bg-secondary-variant dark:bg-secondary-variant-dark border-secondary-variant dark:border-secondary-variant-dark' : 'bg-surface-variant dark:bg-surface-variant-dark', 'transition-color-mode font-body border-secondary dark:border-secondary-dark border-2 p-4 rounded-3xl relative h-full')}>
<label className={clsx(alt && 'bg-surface dark:bg-surface-dark border-3 border-secondary-variant dark:border-secondary-variant-dark', 'font-body absolute left-11 -top-4 bg-secondary dark:bg-secondary-dark text-primary dark:text-primary-dark font-medium py-1 px-4 rounded-full')}>
{title}
</label>
{children}
</div>
</form>
);
}