Nomchy/discord.js
1
0
Fork 0
mirror of https://github.com/discordjs/discord.js.git synced 2026-03-16 03:23:29 +01:00
Code Issues Packages Projects Releases Wiki Activity

feat: active navigation and back button

Browse Source
This commit is contained in:
iCrawl
2022-08-23 00:44:09 +02:00
parent 0fb2694871
commit f16b11a91d
6 changed files with 91 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
packages/website/src/components/SidebarLayout.tsx
View File

@@ -66,9 +66,11 @@ const useStyles = createStyles(
width: '100%',
padding: theme.spacing.xs,
color: theme.colorScheme === 'dark' ? theme.colors.dark![0] : theme.black,
backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark![6] : theme.colors.gray![1],
borderRadius: theme.radius.xs,
'&:hover': {
backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark![6] : theme.colors.gray![0],
backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark![5] : theme.colors.gray![2],
color: theme.colorScheme === 'dark' ? theme.white : theme.black,
},
},
@@ -163,7 +165,7 @@ export function SidebarLayout({
<UnstyledButton className={classes.control}>
<Group position="apart">
<Group>
<ThemeIcon size={30}>
<ThemeIcon variant={colorScheme === 'dark' ? 'filled' : 'outline'} size={30}>
<VscPackage size={20} />
</ThemeIcon>
<Text weight="600" size="md">
@@ -187,7 +189,7 @@ export function SidebarLayout({
<UnstyledButton className={classes.control}>
<Group position="apart">
<Group>
<ThemeIcon size={30}>
<ThemeIcon variant={colorScheme === 'dark' ? 'filled' : 'outline'} size={30}>
<VscVersions size={20} />
</ThemeIcon>
<Text weight="600" size="md">