Archives/Athou_commafeed
1
0
Fork 1
mirror of https://github.com/Athou/commafeed.git synced 2026-03-21 21:37:29 +00:00
Code Issues Packages Projects Releases Wiki Activity

major mantine update

Browse Source
This commit is contained in:
Athou
2023-05-08 14:54:16 +02:00
parent c5763e2f8f
commit 0199ebb6c3
10 changed files with 1452 additions and 2005 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
commafeed-client/src/pages/app/Layout.tsx
View File

@@ -1,6 +1,5 @@
import {
ActionIcon,
Anchor,
AppShell,
Box,
Burger,
@@ -37,13 +36,13 @@ interface LayoutProps {
}
const sidebarPadding = DEFAULT_THEME.spacing.xs
const sidebarRightBorderWidth = 1
const sidebarRightBorderWidth = "1px"
const useStyles = createStyles(theme => ({
sidebarContent: {
maxWidth: Constants.layout.sidebarWidth - sidebarPadding * 2 - sidebarRightBorderWidth,
maxWidth: `calc(${Constants.layout.sidebarWidth} - ${sidebarPadding} * 2 - ${sidebarRightBorderWidth})`,
[theme.fn.smallerThan(Constants.layout.mobileBreakpoint)]: {
maxWidth: `calc(100vw - ${sidebarPadding * 2 + sidebarRightBorderWidth}px)`,
maxWidth: `calc(100vw - ${sidebarPadding} * 2 - ${sidebarRightBorderWidth})`,
},
},
mainContentWrapper: {
@@ -68,14 +67,12 @@ const useStyles = createStyles(theme => ({
function LogoAndTitle() {
const dispatch = useAppDispatch()
return (
<Anchor onClick={() => dispatch(redirectToRootCategory())} variant="text">
<Center inline>
<Logo size={24} />
<Title order={3} pl="md">
CommaFeed
</Title>
</Center>
</Anchor>
<Center inline onClick={() => dispatch(redirectToRootCategory())} style={{ cursor: "pointer" }}>
<Logo size={24} />
<Title order={3} pl="md">
CommaFeed
</Title>
</Center>
)
}