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

🚸 Improve accessibility (#980)

Browse Source 
* 🚸 Improve accessibility

* 🌐 Add missing translations
This commit is contained in:
Manuel
2023-06-20 22:02:00 +02:00
committed by GitHub
parent 6da9e5b5a5
commit f8bd7fb2b9
9 changed files with 181 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/Settings/Customization/CustomizationAccordeon.tsx
View File

@@ -1,5 +1,5 @@
import { Accordion, Checkbox, Grid, Group, Stack, Text } from '@mantine/core';
import { IconBrush, IconChartCandle, IconCode, IconDragDrop, IconLayout } from '@tabler/icons-react';
import { IconAccessible, IconBrush, IconChartCandle, IconCode, IconDragDrop, IconLayout } from '@tabler/icons-react';
import { i18n, useTranslation } from 'next-i18next';
import { ReactNode } from 'react';
import { GridstackConfiguration } from './Layout/GridstackConfiguration';
@@ -13,6 +13,7 @@ import { ColorSelector } from './Theme/ColorSelector';
import { CustomCssChanger } from './Theme/CustomCssChanger';
import { DashboardTilesOpacitySelector } from './Theme/OpacitySelector';
import { ShadeSelector } from './Theme/ShadeSelector';
import { AccessibilitySettings } from './Accessibility/AccessibilitySettings';
export const CustomizationSettingsAccordeon = () => {
const items = getItems().map((item) => (
@@ -70,6 +71,13 @@ const getItems = () => {
description: t('accordeon.gridstack.description'),
content: <GridstackConfiguration />,
},
{
id: 'accessibility',
image: <IconAccessible />,
label: t('accordeon.accessibility.name'),
description: t('accordeon.accessibility.description'),
content: <AccessibilitySettings />,
},
{
id: 'page_metadata',
image: <IconChartCandle />,