Adding a fullScreen option for our Dialog component.

src/components/gpx-dialog/GpxDialog.tsx

@@ -1,11 +1,5 @@
 import { useI18n } from '@solid-primitives/i18n';
-import {
-  Box,
-  Button,
-  IconButton,
-  SvgIcon,
-  TextField,
-} from '@suid/material';
+import { Box, Button, IconButton, SvgIcon, TextField } from '@suid/material';
 import { cloneDeep } from 'lodash';
 import { Component, createSignal, Show } from 'solid-js';
 import dispatch from '../../workers/dispatcher-main';
@@ -150,7 +144,12 @@ const GpxDialog: Component<{}> = (props) => {
           </SvgIcon>
         </IconButton>
       </div>
-      <Dialog open={open()} title={t('gpxDialog')} closeHandler={handleClose}>
+      <Dialog
+        open={open()}
+        title={t('gpxDialog')}
+        closeHandler={handleClose}
+        fullScreen={true}
+      >
         <Box
           component='form'
           sx={{