fix(dashboard-v2): properly align switch toggle & label

This commit is contained in:
Michał Leszczyk 2022-03-16 14:07:56 +01:00
parent 8422a6770c
commit 4fa8dac4b4
No known key found for this signature in database
GPG Key ID: FA123CA8BAA2FBF4
2 changed files with 2 additions and 4 deletions

View File

@ -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>
);

View File

@ -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 />