diff --git a/src/components/About/AboutModal.tsx b/src/components/Dashboard/Modals/AboutModal/AboutModal.tsx similarity index 80% rename from src/components/About/AboutModal.tsx rename to src/components/Dashboard/Modals/AboutModal/AboutModal.tsx index 8d258ebd3..6ec6b6536 100644 --- a/src/components/About/AboutModal.tsx +++ b/src/components/Dashboard/Modals/AboutModal/AboutModal.tsx @@ -5,6 +5,7 @@ import { Button, createStyles, Divider, + Grid, Group, HoverCard, Modal, @@ -27,11 +28,11 @@ import { InitOptions } from 'i18next'; import { i18n, Trans, useTranslation } from 'next-i18next'; import Image from 'next/image'; import { ReactNode } from 'react'; -import { CURRENT_VERSION } from '../../../data/constants'; -import { useConfigContext } from '../../config/provider'; -import { useConfigStore } from '../../config/store'; -import { usePrimaryGradient } from '../layout/useGradient'; -import Credits from '../Settings/Common/Credits'; +import { CURRENT_VERSION } from '../../../../../data/constants'; +import { useConfigContext } from '../../../../config/provider'; +import { useConfigStore } from '../../../../config/store'; +import { usePrimaryGradient } from '../../../layout/useGradient'; +import Credits from '../../../Settings/Common/Credits'; interface AboutModalProps { opened: boolean; @@ -85,35 +86,45 @@ export const AboutModal = ({ opened, closeModal, newVersionAvailable }: AboutMod {t('layout/modals/about:contact')} - - - - - + + + + + + + + + + + + ); diff --git a/src/components/layout/header/SettingsMenu.tsx b/src/components/layout/header/SettingsMenu.tsx index c525d1afd..e02fe5571 100644 --- a/src/components/layout/header/SettingsMenu.tsx +++ b/src/components/layout/header/SettingsMenu.tsx @@ -2,7 +2,7 @@ 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 { AboutModal } from '../../About/AboutModal'; +import { AboutModal } from '../../Dashboard/Modals/AboutModal/AboutModal'; import { SettingsDrawer } from '../../Settings/SettingsDrawer'; import { useCardStyles } from '../useCardStyles'; import { ColorSchemeSwitch } from './SettingsMenu/ColorSchemeSwitch'; diff --git a/src/modules/Docker/DockerModule.tsx b/src/modules/Docker/DockerModule.tsx index 684178dd9..91de2247b 100644 --- a/src/modules/Docker/DockerModule.tsx +++ b/src/modules/Docker/DockerModule.tsx @@ -68,6 +68,15 @@ export default function DockerMenuButton(props: any) { position="right" size="full" title={} + styles={{ + drawer: { + display: 'flex', + flexDirection: 'column', + }, + body: { + minHeight: 0, + }, + }} > diff --git a/src/modules/Docker/DockerTable.tsx b/src/modules/Docker/DockerTable.tsx index 70f597d23..b2ba3c3c2 100644 --- a/src/modules/Docker/DockerTable.tsx +++ b/src/modules/Docker/DockerTable.tsx @@ -120,7 +120,7 @@ export default function DockerTable({ }); return ( - +