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

sorted class name with headwind extension

Browse Source
This commit is contained in:
Md Asif
2024-10-05 00:07:06 +05:30
parent 267d463843
commit 9364a365ec
12 changed files with 81 additions and 81 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/FormBox.jsx
View File

@@ -1,10 +1,12 @@
import { PropTypes } from 'prop-types';
import clsx from 'clsx';
function FormBox({title, children, alt = false}) {
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')}>
<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>
<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>
);