fix mobile styling
This commit is contained in:
parent
35fe908884
commit
01c4c0ba2e
|
@ -23,7 +23,7 @@ export default function SelfService() {
|
|||
const [newAliasDomain, setNewAliasDomain] = useState(ALIAS_DOMAINS[0]);
|
||||
const [allowAlias, setAllowAlias] = useState(false);
|
||||
const dimensions = useWindowDimensions();
|
||||
const mobileUi = dimensions.width < 1500;
|
||||
const mobileUi = dimensions.width < 1200;
|
||||
|
||||
useEffect(() => {
|
||||
fetchOwnAliases().then(setAliases);
|
||||
|
|
|
@ -15,14 +15,14 @@ export default function NavigationWrapper({
|
|||
return (
|
||||
<Flex direction='row' gap='4'>
|
||||
<div><NavigationPanel /></div>
|
||||
<div className='w-full p-4'>{children}</div>
|
||||
<div className='w-full p-0'>{children}</div>
|
||||
</Flex>
|
||||
);
|
||||
} else {
|
||||
return (
|
||||
<Flex direction='column' gap='4'>
|
||||
<div><NavigationPanel mobileUi /></div>
|
||||
<div className='w-full p-4 pt-0'>{children}</div>
|
||||
<div className='w-full p-0'>{children}</div>
|
||||
</Flex>
|
||||
);
|
||||
};
|
||||
|
|
Loading…
Reference in a new issue