Mirrors/notesnook
1
0
Fork 0
mirror of https://github.com/streetwriters/notesnook.git synced 2026-09-02 20:21:19 +02:00
Code Issues Packages Projects Releases Wiki Activity

ui: minor improvements to settings

Browse Source
This commit is contained in:
thecodrr
2020-03-15 10:00:36 +05:00
parent 1f4abe108c
commit 585acc2c2c
1 changed files with 15 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
apps/web/src/views/Settings.js
View File

@@ -28,7 +28,7 @@ const Settings = props => {
width: 40,
height: 40,
borderRadius: 80,
color: "secondary"
color: "static"
}}
>
<Icon.User style={{ margin: 2 }} size={20} />
@@ -45,7 +45,7 @@ const Settings = props => {
<Box
px={2}
mt={2}
fontSize="body"
fontSize="subtitle"
fontFamily="heading"
fontWeight="bold"
color="primary"
@@ -60,15 +60,6 @@ const Settings = props => {
}}
py={2}
>
<Flex
fontSize="body"
alignItems="center"
px={2}
sx={{ fontSize: "body" }}
>
{Titles.accent}
</Flex>
<Flex
flexWrap="wrap"
sx={{
@@ -77,7 +68,6 @@ const Settings = props => {
}}
justifyContent="left"
mx={2}
my={2}
bg="shade"
p={1}
>
@@ -120,21 +110,24 @@ const Settings = props => {
</Flex>
))}
</Flex>
<Flex flexDirection="row" px={2} justifyContent="space-between">
<Text fontSize="body">Dark Mode</Text>
<Switch
onClick={() => {
setCheck(!check);
changeTheme();
}}
checked={check}
/>
<Flex
flexDirection="row"
px={2}
justifyContent="space-between"
alignItems="center"
onClick={() => {
setCheck(!check);
changeTheme();
}}
>
<Text fontSize="body">{check ? "Light Mode" : "Dark Mode"}</Text>
{check ? <Icon.Sun /> : <Icon.Moon />}
</Flex>
</Box>
<Box
px={2}
mt={2}
fontSize="body"
fontSize="subtitle"
fontFamily="heading"
fontWeight="bold"
color="primary"