Lea/maddy-admin
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

fix mobile styling

Browse source
This commit is contained in:
Lea 2024-01-18 07:57:31 +01:00
parent 35fe908884
commit 01c4c0ba2e
Signed by: Lea
GPG key ID: 1BAFFE8347019C42
2 changed files with 3 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/app/self-service/page.tsx
View file

@ -23,7 +23,7 @@ export default function SelfService() {
const [newAliasDomain, setNewAliasDomain] = useState(ALIAS_DOMAINS[0]); const [newAliasDomain, setNewAliasDomain] = useState(ALIAS_DOMAINS[0]);
const [allowAlias, setAllowAlias] = useState(false); const [allowAlias, setAllowAlias] = useState(false);
const dimensions = useWindowDimensions(); const dimensions = useWindowDimensions();
const mobileUi = dimensions.width < 1500; const mobileUi = dimensions.width < 1200;
useEffect(() => { useEffect(() => {
fetchOwnAliases().then(setAliases); fetchOwnAliases().then(setAliases);

4
src/lib/components/NavigationWrapper.tsx
View file

@ -15,14 +15,14 @@ export default function NavigationWrapper({
return ( return (
<Flex direction='row' gap='4'> <Flex direction='row' gap='4'>
<div><NavigationPanel /></div> <div><NavigationPanel /></div>
<div className='w-full p-4'>{children}</div> <div className='w-full p-0'>{children}</div>
</Flex> </Flex>
); );
} else { } else {
return ( return (
<Flex direction='column' gap='4'> <Flex direction='column' gap='4'>
<div><NavigationPanel mobileUi /></div> <div><NavigationPanel mobileUi /></div>
<div className='w-full p-4 pt-0'>{children}</div> <div className='w-full p-0'>{children}</div>
</Flex> </Flex>
); );
}; };