Dockery/Homarr
1
0
Fork 0
mirror of https://github.com/ajnart/homarr.git synced 2025-11-16 02:06:21 +01:00
Code Issues Packages Projects Releases Wiki Activity

💄 Improve design and add translations for mobile ribbons

Browse Source
This commit is contained in:
Manuel Ruwe
2023-01-04 20:33:29 +01:00
parent 3f957ee67c
commit d0c016aab6
3 changed files with 27 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
src/components/Dashboard/Mobile/Ribbon/MobileRibbonSidebarDrawer.tsx
View File

@@ -1,4 +1,5 @@
import { Drawer, Title } from '@mantine/core';
import { useTranslation } from 'next-i18next';
import { DashboardSidebar } from '../../Wrappers/Sidebar/Sidebar';
interface MobileRibbonSidebarDrawerProps {
@@ -10,16 +11,25 @@ interface MobileRibbonSidebarDrawerProps {
export const MobileRibbonSidebarDrawer = ({
location,
...props
}: MobileRibbonSidebarDrawerProps) => (
<Drawer
position={location}
title={<Title order={4}>{location} sidebar</Title>}
style={{
display: 'flex',
justifyContent: 'center',
}}
{...props}
>
<DashboardSidebar location={location} />
</Drawer>
);
}: MobileRibbonSidebarDrawerProps) => {
const { t } = useTranslation('layout/mobile/drawer');
return (
<Drawer
padding={10}
position={location}
title={<Title order={4}>{t('title', { position: location })}</Title>}
style={{
display: 'flex',
justifyContent: 'center',
}}
styles={{
title: {
width: '100%',
},
}}
{...props}
>
<DashboardSidebar location={location} />
</Drawer>
);
};