From d395394b87493201e3ccf2d255220b089a92d3c3 Mon Sep 17 00:00:00 2001
From: Chito Wong <chi.to.wong@outlook.com>
Date: Sun, 28 Dec 2025 15:06:03 +0800
Subject: [PATCH] #295 Add safe-area-inset-bottom to contributors page

---
 contributors/src/components/contributor-modal.module.css | 2 +-
 src/components/workspace/app-container.tsx               | 4 +++-
 src/util/asset-enablements.ts                            | 2 ++
 tsconfig.json                                            | 1 +
 4 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/contributors/src/components/contributor-modal.module.css b/contributors/src/components/contributor-modal.module.css
index f123217..ca17233 100644
--- a/contributors/src/components/contributor-modal.module.css
+++ b/contributors/src/components/contributor-modal.module.css
@@ -1,6 +1,6 @@
 .body {
     flex-direction: column;
-    padding: 0 var(--mantine-spacing-xs) var(--mantine-spacing-xs) var(--mantine-spacing-xs);
+    padding: 0 var(--mantine-spacing-xs) calc(env(safe-area-inset-bottom) + var(--mantine-spacing-xs)) var(--mantine-spacing-xs);
     overflow-y: auto;
 
     > div:not(:first-of-type) {
diff --git a/src/components/workspace/app-container.tsx b/src/components/workspace/app-container.tsx
index 5d6f86f..2446986 100644
--- a/src/components/workspace/app-container.tsx
+++ b/src/components/workspace/app-container.tsx
@@ -20,7 +20,9 @@ export default function AppContainer(props: AppContainerProps) {
             className={clsx(
                 classes['app-container'],
                 isActive && classes.show,
-                !assetEnablement[tab.app]?.supportSafeAreaInset && classes['pb-safe-area-inset']
+                assetEnablement[tab.app] &&
+                    !assetEnablement[tab.app].supportSafeAreaInset &&
+                    classes['pb-safe-area-inset']
             )}
         >
             <iframe
diff --git a/src/util/asset-enablements.ts b/src/util/asset-enablements.ts
index 4d98041..62639df 100644
--- a/src/util/asset-enablements.ts
+++ b/src/util/asset-enablements.ts
@@ -16,6 +16,7 @@ interface AssetDetail {
     showContributors?: boolean;
     legacyContributors?: string;
     showDonators?: boolean;
+    isTempAsset?: boolean;
     supportSafeAreaInset?: boolean;
 }
 
@@ -123,6 +124,7 @@ export const assetEnablement: Record<string, AssetDetail> = {
         url: '/rmg-runtime/',
         assetType: 'devtool',
         allowedInstances: ['Org', 'GitHub', 'GitLab', 'localhost', 'unknown'],
+        supportSafeAreaInset: true,
     },
     'runtime-demo': {
         name: 'Runtime Demo',
diff --git a/tsconfig.json b/tsconfig.json
index 40f4fab..d7c4125 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -24,6 +24,7 @@
     },
     "include": [
         "src",
+        "contributors",
         "runtime-demo"
     ],
     "references": [