Dockery/Homarr
1
0
Fork 0
mirror of https://github.com/ajnart/homarr.git synced 2025-11-14 09:25:47 +01:00
Code Issues Packages Projects Releases Wiki Activity

Sidebar styling

Browse Source
This commit is contained in:
ajnart
2023-01-04 23:54:34 +09:00
parent 6abdc9be6f
commit 3f957ee67c
1 changed files with 6 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/components/Dashboard/Wrappers/Sidebar/Sidebar.tsx
View File

@@ -1,5 +1,6 @@
import { Card } from '@mantine/core'; import { Card } from '@mantine/core';
import { RefObject } from 'react'; import { RefObject } from 'react';
import { useCardStyles } from '../../../layout/useCardStyles';
import { useGridstack } from '../gridstack/use-gridstack'; import { useGridstack } from '../gridstack/use-gridstack';
import { WrapperContent } from '../WrapperContent'; import { WrapperContent } from '../WrapperContent';
@@ -11,16 +12,13 @@ export const DashboardSidebar = ({ location }: DashboardSidebarProps) => {
const { refs, apps, widgets } = useGridstack('sidebar', location); const { refs, apps, widgets } = useGridstack('sidebar', location);
const minRow = useMinRowForFullHeight(refs.wrapper); const minRow = useMinRowForFullHeight(refs.wrapper);
const {
cx,
classes: { card: cardClass },
} = useCardStyles(false);
return ( return (
<Card <Card withBorder w={300} p={0} radius="lg" className={cardClass}>
withBorder
w={300}
style={{
background: 'none',
borderStyle: 'dashed',
}}
>
<div <div
className="grid-stack grid-stack-sidebar" className="grid-stack grid-stack-sidebar"
style={{ transitionDuration: '0s', height: '100%' }} style={{ transitionDuration: '0s', height: '100%' }}