fix(dashboard-v2): properly align switch toggle & label
This commit is contained in:
parent
8422a6770c
commit
4fa8dac4b4
|
@ -60,7 +60,7 @@ export const Switch = ({ children, defaultChecked, labelClassName, onChange, ...
|
|||
<Toggle>
|
||||
<TogglePin $checked={checked} />
|
||||
</Toggle>
|
||||
{children}
|
||||
<div className="-mt-0.5">{children}</div>
|
||||
</Label>
|
||||
</Container>
|
||||
);
|
||||
|
|
|
@ -14,9 +14,7 @@ const NotificationsPage = () => {
|
|||
<section>
|
||||
{/* TODO: saves on change */}
|
||||
<Switch onChange={console.info.bind(console)} labelClassName="!items-start flex-col md:flex-row">
|
||||
<span className="ml-2">
|
||||
I agreee to get the latest news, updates and special offers delivered to my email inbox.
|
||||
</span>
|
||||
I agreee to get the latest news, updates and special offers delivered to my email inbox.
|
||||
</Switch>
|
||||
</section>
|
||||
<hr />
|
||||
|
|
Reference in New Issue