LumeWeb
/
skynet-webportal
Archived
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
packages/dashboard-v2/src/components/Switch/Switch.js
View File

@ -60,7 +60,7 @@ export const Switch = ({ children, defaultChecked, labelClassName, onChange, ...
<Toggle> <Toggle>
<TogglePin $checked={checked} /> <TogglePin $checked={checked} />
</Toggle> </Toggle>
{children} <div className="-mt-0.5">{children}</div>
</Label> </Label>
</Container> </Container>
); );

4
packages/dashboard-v2/src/pages/settings/notifications.js
View File

@ -14,9 +14,7 @@ const NotificationsPage = () => {
<section> <section>
{/* TODO: saves on change */} {/* TODO: saves on change */}
<Switch onChange={console.info.bind(console)} labelClassName="!items-start flex-col md:flex-row"> <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.
I agreee to get the latest news, updates and special offers delivered to my email inbox.
</span>
</Switch> </Switch>
</section> </section>
<hr /> <hr />