diff --git a/src/components/layout/header/Header.tsx b/src/components/layout/header/Header.tsx index 958afc8d7..5370ba868 100644 --- a/src/components/layout/header/Header.tsx +++ b/src/components/layout/header/Header.tsx @@ -1,6 +1,8 @@ import { + Anchor, Box, Center, + Divider, Flex, Group, Header, @@ -32,7 +34,7 @@ export const MainHeader = ({ }: MainHeaderProps) => { const { breakpoints } = useMantineTheme(); const isSmallerThanMd = useMediaQuery(`(max-width: ${breakpoints.sm})`); - const experimentalHeaderNoteHeight = isSmallerThanMd ? 50 : 30; + const experimentalHeaderNoteHeight = isSmallerThanMd ? 60 : 30; const headerBaseHeight = isSmallerThanMd ? 60 + 46 : 60; const headerHeight = showExperimental ? headerBaseHeight + experimentalHeaderNoteHeight @@ -69,7 +71,7 @@ export const MainHeader = ({ }; type ExperimentalHeaderNoteProps = { - height?: 30 | 50; + height?: 30 | 60; visible?: boolean; }; const ExperimentalHeaderNote = ({ visible = false, height = 30 }: ExperimentalHeaderNoteProps) => { @@ -77,13 +79,28 @@ const ExperimentalHeaderNote = ({ visible = false, height = 30 }: ExperimentalHe if (!visible) return null; return ( - - - - - {t('experimentalNote.label')} - - + + + + + + {t('experimentalNote.label')} + + + + + Create issue + + + + Discord + + + ); };