diff --git a/package-lock.json b/package-lock.json index 3692e9b..cbfacd0 100644 --- a/package-lock.json +++ b/package-lock.json @@ -11,7 +11,7 @@ "dependencies": { "@mantine/core": "^8.3.10", "@mantine/hooks": "^8.3.10", - "@railmapgen/mantine-components": "^0.1.29", + "@railmapgen/mantine-components": "^0.2.4", "@railmapgen/rmg-runtime": "^12.0.4", "@railmapgen/rmg-translate": "^3.4.4", "@reduxjs/toolkit": "^2.11.2", @@ -1390,9 +1390,9 @@ } }, "node_modules/@railmapgen/mantine-components": { - "version": "0.1.29", - "resolved": "https://registry.npmjs.org/@railmapgen/mantine-components/-/mantine-components-0.1.29.tgz", - "integrity": "sha512-mw8x2eyaF1KkwKDCYscBndmzXXqgR/llSpa04dYUerdDYXyn5XAFddt6FDbtGVDiOznqDj6V6+1W3ngaoIGxeg==", + "version": "0.2.4", + "resolved": "https://registry.npmjs.org/@railmapgen/mantine-components/-/mantine-components-0.2.4.tgz", + "integrity": "sha512-a4CEtCHWv9QXTPNUfZ39K84R/9As0AefNdvwMtXpI8B02o/6FH+NA1bWND0ggcwswP3RgATZ7KvpajS2YtwLXg==", "license": "GPL-3.0-only", "dependencies": { "clsx": "^2.1.1", @@ -7960,9 +7960,9 @@ "dev": true }, "@railmapgen/mantine-components": { - "version": "0.1.29", - "resolved": "https://registry.npmjs.org/@railmapgen/mantine-components/-/mantine-components-0.1.29.tgz", - "integrity": "sha512-mw8x2eyaF1KkwKDCYscBndmzXXqgR/llSpa04dYUerdDYXyn5XAFddt6FDbtGVDiOznqDj6V6+1W3ngaoIGxeg==", + "version": "0.2.4", + "resolved": "https://registry.npmjs.org/@railmapgen/mantine-components/-/mantine-components-0.2.4.tgz", + "integrity": "sha512-a4CEtCHWv9QXTPNUfZ39K84R/9As0AefNdvwMtXpI8B02o/6FH+NA1bWND0ggcwswP3RgATZ7KvpajS2YtwLXg==", "requires": { "clsx": "^2.1.1", "resize-observer-polyfill": "^1.5.1" diff --git a/package.json b/package.json index e9f7c8b..51cc144 100644 --- a/package.json +++ b/package.json @@ -9,7 +9,7 @@ "dependencies": { "@mantine/core": "^8.3.10", "@mantine/hooks": "^8.3.10", - "@railmapgen/mantine-components": "^0.1.29", + "@railmapgen/mantine-components": "^0.2.4", "@railmapgen/rmg-runtime": "^12.0.4", "@railmapgen/rmg-translate": "^3.4.4", "@reduxjs/toolkit": "^2.11.2", diff --git a/src/components/app-root.module.css b/src/components/app-root.module.css index 3b40fbc..ccdd388 100644 --- a/src/components/app-root.module.css +++ b/src/components/app-root.module.css @@ -1,9 +1,9 @@ .root { - padding-top: env(safe-area-inset-top); } .burger { position: absolute; + top: env(safe-area-inset-top); height: 40px; width: 40px; border-radius: 0; diff --git a/src/components/workspace/workspace.module.css b/src/components/workspace/workspace.module.css index c8ac09e..9412d3e 100644 --- a/src/components/workspace/workspace.module.css +++ b/src/components/workspace/workspace.module.css @@ -15,6 +15,7 @@ } &.pb-safe-area-inset { + padding-top: env(safe-area-inset-top); padding-bottom: env(safe-area-inset-bottom); } } diff --git a/src/index.css b/src/index.css index 5a66b33..5a2c9e5 100644 --- a/src/index.css +++ b/src/index.css @@ -30,6 +30,8 @@ body { height: 100%; width: 100%; width: -webkit-fill-available; + padding-left: env(safe-area-inset-left); + padding-right: env(safe-area-inset-right); } div#root { @@ -37,8 +39,6 @@ div#root { width: 100%; background: inherit; overflow: hidden; - padding-left: env(safe-area-inset-left); - padding-right: env(safe-area-inset-right); } * { diff --git a/src/util/asset-enablements.ts b/src/util/asset-enablements.ts index 62639df..cf0ef91 100644 --- a/src/util/asset-enablements.ts +++ b/src/util/asset-enablements.ts @@ -62,11 +62,13 @@ export const assetEnablement: Record = { assetType: 'app', showContributors: true, legacyContributors: 'legacy-contributor-list.txt', + supportSafeAreaInset: true, }, 'rmg-palette-upload': { name: 'Palette - Upload', url: '/rmg-palette/#/new', assetType: 'app', + supportSafeAreaInset: true, }, 'rmg-templates': { name: 'RMG Templates',