From f5acd169afb72f5c9682a1f0b26c6f44e0c06e4d Mon Sep 17 00:00:00 2001
From: Harsh Mahajan <127186841+HarshMN2345@users.noreply.github.com>
Date: Fri, 17 Oct 2025 12:18:24 +0530
Subject: [PATCH 1/4] feat: make upload dropzones mobile-friendly

---
 .../create-function/manual/+page.svelte       | 29 +++++++++----------
 .../sites/create-site/manual/+page.svelte     | 27 ++++++++---------
 2 files changed, 25 insertions(+), 31 deletions(-)

diff --git a/src/routes/(console)/project-[region]-[project]/functions/create-function/manual/+page.svelte b/src/routes/(console)/project-[region]-[project]/functions/create-function/manual/+page.svelte
index 40c38c541..ca0dd76ec 100644
--- a/src/routes/(console)/project-[region]-[project]/functions/create-function/manual/+page.svelte
+++ b/src/routes/(console)/project-[region]-[project]/functions/create-function/manual/+page.svelte
@@ -185,27 +185,24 @@
                     on:invalid={handleInvalid}>
                     <Layout.Stack alignItems="center" gap="s">
                         <Layout.Stack alignItems="center" gap="s">
-                            <Layout.Stack
-                                alignItems="center"
-                                justifyContent="center"
-                                direction="row"
-                                gap="s">
-                                <Typography.Text variant="l-500">
-                                    Drag and drop file here or click to upload
-                                </Typography.Text>
-                                <Tooltip>
+                            <Layout.Stack alignItems="center" justifyContent="center" inline>
+                                <Typography.Text variant="l-500" align="center" inline>
+                                    Drag and drop file here or click to upload&nbsp;
                                     <Layout.Stack
+                                        style="display: inline-flex; vertical-align: middle;"
+                                        inline
                                         alignItems="center"
-                                        justifyContent="center"
-                                        inline>
-                                        <Icon icon={IconInfo} size="s" />
+                                        justifyContent="center">
+                                        <Tooltip>
+                                            <Icon icon={IconInfo} size="s" />
+                                            <svelte:fragment slot="tooltip"
+                                                >Only .tar.gz files allowed</svelte:fragment>
+                                        </Tooltip>
                                     </Layout.Stack>
-                                    <svelte:fragment slot="tooltip"
-                                        >Only .tar.gz files allowed</svelte:fragment>
-                                </Tooltip>
+                                </Typography.Text>
                             </Layout.Stack>
                             {#if maxSize > 0}
-                                <Typography.Caption variant="400"
+                                <Typography.Caption variant="400" align="center"
                                     >Max file size: {readableMaxSize.value +
                                         readableMaxSize.unit}</Typography.Caption>
                             {/if}
diff --git a/src/routes/(console)/project-[region]-[project]/sites/create-site/manual/+page.svelte b/src/routes/(console)/project-[region]-[project]/sites/create-site/manual/+page.svelte
index 281b68314..30f306772 100644
--- a/src/routes/(console)/project-[region]-[project]/sites/create-site/manual/+page.svelte
+++ b/src/routes/(console)/project-[region]-[project]/sites/create-site/manual/+page.svelte
@@ -174,24 +174,21 @@
                     on:invalid={handleInvalid}>
                     <Layout.Stack alignItems="center" gap="s">
                         <Layout.Stack alignItems="center" gap="s">
-                            <Layout.Stack
-                                alignItems="center"
-                                justifyContent="center"
-                                direction="row"
-                                gap="s">
-                                <Typography.Text variant="l-500">
-                                    Drag and drop file here or click to upload
-                                </Typography.Text>
-                                <Tooltip>
+                            <Layout.Stack alignItems="center" justifyContent="center">
+                                <Typography.Text variant="l-500" align="center" inline>
+                                    Drag and drop file here or click to upload&nbsp;
                                     <Layout.Stack
+                                        style="display: inline-flex; vertical-align: middle; margin-inline-start: var(--space-2xs);"
+                                        inline
                                         alignItems="center"
-                                        justifyContent="center"
-                                        inline>
-                                        <Icon icon={IconInfo} size="s" />
+                                        justifyContent="center">
+                                        <Tooltip>
+                                            <Icon icon={IconInfo} size="s" />
+                                            <svelte:fragment slot="tooltip"
+                                                >Only .tar.gz files allowed</svelte:fragment>
+                                        </Tooltip>
                                     </Layout.Stack>
-                                    <svelte:fragment slot="tooltip"
-                                        >Only .tar.gz files allowed</svelte:fragment>
-                                </Tooltip>
+                                </Typography.Text>
                             </Layout.Stack>
                             {#if maxSize > 0}
                                 <Typography.Caption variant="400"

From a58527134a7ad5992af685c7b282fba801a23f0d Mon Sep 17 00:00:00 2001
From: Harsh Mahajan <127186841+HarshMN2345@users.noreply.github.com>
Date: Thu, 23 Oct 2025 18:27:22 +0530
Subject: [PATCH 2/4] correct coderabbit suggestion

---
 .../functions/create-function/manual/+page.svelte           | 2 +-
 .../sites/create-site/manual/+page.svelte                   | 6 +++---
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/routes/(console)/project-[region]-[project]/functions/create-function/manual/+page.svelte b/src/routes/(console)/project-[region]-[project]/functions/create-function/manual/+page.svelte
index ca0dd76ec..f84db9f7e 100644
--- a/src/routes/(console)/project-[region]-[project]/functions/create-function/manual/+page.svelte
+++ b/src/routes/(console)/project-[region]-[project]/functions/create-function/manual/+page.svelte
@@ -187,7 +187,7 @@
                         <Layout.Stack alignItems="center" gap="s">
                             <Layout.Stack alignItems="center" justifyContent="center" inline>
                                 <Typography.Text variant="l-500" align="center" inline>
-                                    Drag and drop file here or click to upload&nbsp;
+                                    Drag and drop file here or click to upload
                                     <Layout.Stack
                                         style="display: inline-flex; vertical-align: middle;"
                                         inline
diff --git a/src/routes/(console)/project-[region]-[project]/sites/create-site/manual/+page.svelte b/src/routes/(console)/project-[region]-[project]/sites/create-site/manual/+page.svelte
index 30f306772..8cecb4acc 100644
--- a/src/routes/(console)/project-[region]-[project]/sites/create-site/manual/+page.svelte
+++ b/src/routes/(console)/project-[region]-[project]/sites/create-site/manual/+page.svelte
@@ -174,11 +174,11 @@
                     on:invalid={handleInvalid}>
                     <Layout.Stack alignItems="center" gap="s">
                         <Layout.Stack alignItems="center" gap="s">
-                            <Layout.Stack alignItems="center" justifyContent="center">
+                            <Layout.Stack alignItems="center" justifyContent="center" inline>
                                 <Typography.Text variant="l-500" align="center" inline>
-                                    Drag and drop file here or click to upload&nbsp;
+                                    Drag and drop file here or click to upload;
                                     <Layout.Stack
-                                        style="display: inline-flex; vertical-align: middle; margin-inline-start: var(--space-2xs);"
+                                        style="display: inline-flex; vertical-align: middle;"
                                         inline
                                         alignItems="center"
                                         justifyContent="center">

From ae6c3a663f009ceec171f4a6ed46a47f252f513f Mon Sep 17 00:00:00 2001
From: Harsh Mahajan <127186841+HarshMN2345@users.noreply.github.com>
Date: Tue, 28 Oct 2025 19:19:03 +0530
Subject: [PATCH 3/4] Update +page.svelte

---
 .../functions/create-function/manual/+page.svelte               | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/routes/(console)/project-[region]-[project]/functions/create-function/manual/+page.svelte b/src/routes/(console)/project-[region]-[project]/functions/create-function/manual/+page.svelte
index f84db9f7e..8cd8ff45c 100644
--- a/src/routes/(console)/project-[region]-[project]/functions/create-function/manual/+page.svelte
+++ b/src/routes/(console)/project-[region]-[project]/functions/create-function/manual/+page.svelte
@@ -75,7 +75,7 @@
                     specification: specification || undefined
                 });
 
-            // Add domain
+            // Add domainn
             await sdk.forProject(page.params.region, page.params.project).proxy.createFunctionRule({
                 domain: `${ID.unique()}.${$regionalConsoleVariables._APP_DOMAIN_FUNCTIONS}`,
                 functionId: func.$id

From c85f5fd7ad18517e67ebc0413efedae9dc0803ea Mon Sep 17 00:00:00 2001
From: Harsh Mahajan <127186841+HarshMN2345@users.noreply.github.com>
Date: Tue, 28 Oct 2025 19:19:18 +0530
Subject: [PATCH 4/4] Update +page.svelte

---
 .../functions/create-function/manual/+page.svelte               | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/routes/(console)/project-[region]-[project]/functions/create-function/manual/+page.svelte b/src/routes/(console)/project-[region]-[project]/functions/create-function/manual/+page.svelte
index 8cd8ff45c..f84db9f7e 100644
--- a/src/routes/(console)/project-[region]-[project]/functions/create-function/manual/+page.svelte
+++ b/src/routes/(console)/project-[region]-[project]/functions/create-function/manual/+page.svelte
@@ -75,7 +75,7 @@
                     specification: specification || undefined
                 });
 
-            // Add domainn
+            // Add domain
             await sdk.forProject(page.params.region, page.params.project).proxy.createFunctionRule({
                 domain: `${ID.unique()}.${$regionalConsoleVariables._APP_DOMAIN_FUNCTIONS}`,
                 functionId: func.$id