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

Buttons styling

Browse Source
This commit is contained in:
ajnart
2023-01-06 01:07:09 +09:00
parent e2da386fda
commit 50bcd29271
2 changed files with 9 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/layout/header/SettingsMenu.tsx
View File

@@ -1,7 +1,8 @@
import { ActionIcon, Badge, Menu } from '@mantine/core';
import { Badge, Button, Menu } from '@mantine/core';
import { useDisclosure } from '@mantine/hooks';
import { IconInfoCircle, IconMenu2, IconSettings } from '@tabler/icons';
import { useTranslation } from 'next-i18next';
import { useColorTheme } from '../../../tools/color';
import { AboutModal } from '../../About/AboutModal';
import { SettingsDrawer } from '../../Settings/SettingsDrawer';
import { ColorSchemeSwitch } from './SettingsMenu/ColorSchemeSwitch';
@@ -10,14 +11,15 @@ export function SettingsMenu({ newVersionAvailable }: { newVersionAvailable: str
const [drawerOpened, drawer] = useDisclosure(false);
const { t } = useTranslation('common');
const [aboutModalOpened, aboutModal] = useDisclosure(false);
const { primaryColor, secondaryColor } = useColorTheme();
return (
<>
<Menu width={250}>
<Menu.Target>
<ActionIcon variant="default" radius="md" size="xl" color="blue">
<Button variant="white" radius="md" color={secondaryColor} style={{ height: 43 }}>
<IconMenu2 />
</ActionIcon>
</Button>
</Menu.Target>
<Menu.Dropdown>
<ColorSchemeSwitch />