From abdfb9c4595b9b1377ee20b76b4a182b7d257c97 Mon Sep 17 00:00:00 2001
From: Arman <arman@appwrite.io>
Date: Tue, 16 Jan 2024 16:38:47 +0100
Subject: [PATCH 1/2] fix: tables don't scroll in modals

---
 src/lib/components/fakeModal.svelte    | 24 ++++++++++++----------
 src/lib/components/modal.svelte        | 28 ++++++++++++++------------
 src/lib/components/modalSideCol.svelte |  6 ++++--
 3 files changed, 32 insertions(+), 26 deletions(-)

diff --git a/src/lib/components/fakeModal.svelte b/src/lib/components/fakeModal.svelte
index 4daec94095..23bb89aa73 100644
--- a/src/lib/components/fakeModal.svelte
+++ b/src/lib/components/fakeModal.svelte
@@ -110,17 +110,19 @@
                     </div>
                 </header>
                 <div class="modal-content">
-                    {#if error}
-                        <Alert
-                            dismissible
-                            type="warning"
-                            on:dismiss={() => {
-                                error = null;
-                            }}>
-                            {error}
-                        </Alert>
-                    {/if}
-                    <slot />
+                    <div class="modal-content-spacer u-flex-vertical u-gap-24 u-width-full-line">
+                        {#if error}
+                            <Alert
+                                dismissible
+                                type="warning"
+                                on:dismiss={() => {
+                                    error = null;
+                                }}>
+                                {error}
+                            </Alert>
+                        {/if}
+                        <slot />
+                    </div>
                 </div>
 
                 {#if $$slots.footer}
diff --git a/src/lib/components/modal.svelte b/src/lib/components/modal.svelte
index 816ce20466..ca32c4e7e8 100644
--- a/src/lib/components/modal.svelte
+++ b/src/lib/components/modal.svelte
@@ -71,19 +71,21 @@
             </p>
         </header>
         <div class="modal-content">
-            {#if error}
-                <div bind:this={alert}>
-                    <Alert
-                        dismissible
-                        type="warning"
-                        on:dismiss={() => {
-                            error = null;
-                        }}>
-                        {error}
-                    </Alert>
-                </div>
-            {/if}
-            <slot />
+            <div class="modal-content-spacer u-flex-vertical u-gap-24 u-width-full-line">
+                {#if error}
+                    <div bind:this={alert}>
+                        <Alert
+                            dismissible
+                            type="warning"
+                            on:dismiss={() => {
+                                error = null;
+                            }}>
+                            {error}
+                        </Alert>
+                    </div>
+                {/if}
+                <slot />
+            </div>
         </div>
 
         {#if $$slots.footer}
diff --git a/src/lib/components/modalSideCol.svelte b/src/lib/components/modalSideCol.svelte
index 81dbe24648..2d3f902384 100644
--- a/src/lib/components/modalSideCol.svelte
+++ b/src/lib/components/modalSideCol.svelte
@@ -41,8 +41,10 @@
                     </slot>
                 </p>
             </header>
-            <div class="modal-content mk-content">
-                <slot />
+            <div class="modal-content">
+                <div class="modal-content-spacer u-flex-vertical u-gap-24 u-width-full-line">
+                    <slot />
+                </div>
             </div>
         </div>
     </div>

From bc358e2f1984cfccec04bce027c2e473dd59cb0e Mon Sep 17 00:00:00 2001
From: Arman <arman@appwrite.io>
Date: Tue, 23 Jan 2024 15:20:49 +0100
Subject: [PATCH 2/2] chore: upgrade pink

---
 package-lock.json | 18 +++++++++---------
 package.json      |  4 ++--
 2 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index bc90c96d99..1f016d1a0b 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -7,8 +7,8 @@
             "name": "@appwrite/console",
             "dependencies": {
                 "@appwrite.io/console": "^0.5.0",
-                "@appwrite.io/pink": "0.2.0",
-                "@appwrite.io/pink-icons": "0.2.0",
+                "@appwrite.io/pink": "0.3.0",
+                "@appwrite.io/pink-icons": "0.3.0",
                 "@popperjs/core": "^2.11.8",
                 "@sentry/svelte": "^7.66.0",
                 "@sentry/tracing": "^7.66.0",
@@ -168,19 +168,19 @@
             }
         },
         "node_modules/@appwrite.io/pink": {
-            "version": "0.2.0",
-            "resolved": "https://registry.npmjs.org/@appwrite.io/pink/-/pink-0.2.0.tgz",
-            "integrity": "sha512-ni6O/yPiWkCYQ68PNcbmus6QrPpIEl7xmzKHU2dkV2L19RVio8thtBtT9ckJJ8uBMGsczASWs0fUqOxIvBmtNw==",
+            "version": "0.3.0",
+            "resolved": "https://registry.npmjs.org/@appwrite.io/pink/-/pink-0.3.0.tgz",
+            "integrity": "sha512-VTYCfcEGnqScwGta7ort/qoKN0Gnyq2h/ROYcp9meEFSCjYBWMgWZWbwSSXsL8vwwxnN9aTh1sO5mJX0zHAPVg==",
             "dependencies": {
-                "@appwrite.io/pink-icons": "0.2.0",
+                "@appwrite.io/pink-icons": "0.3.0",
                 "normalize.css": "^8.0.1",
                 "the-new-css-reset": "^1.11.2"
             }
         },
         "node_modules/@appwrite.io/pink-icons": {
-            "version": "0.2.0",
-            "resolved": "https://registry.npmjs.org/@appwrite.io/pink-icons/-/pink-icons-0.2.0.tgz",
-            "integrity": "sha512-wThBUGdvpwT0q2fcUapiugfBiB4RFDvTlW6p+U7Dol61mmCpNteFSIoBPiPJzN5015n1v4UEWL/rdOia4CWdBQ=="
+            "version": "0.3.0",
+            "resolved": "https://registry.npmjs.org/@appwrite.io/pink-icons/-/pink-icons-0.3.0.tgz",
+            "integrity": "sha512-Jus3jsWMidne02/mqXbRtLFsuiYQiB3fjZ2ip8auqwhvk65yzGtodPiTPA8Us1fD2vaRlNx/jER5MK0XmqXKxg=="
         },
         "node_modules/@babel/code-frame": {
             "version": "7.23.5",
diff --git a/package.json b/package.json
index e84456270e..a46c0c28a8 100644
--- a/package.json
+++ b/package.json
@@ -19,8 +19,8 @@
     },
     "dependencies": {
         "@appwrite.io/console": "^0.5.0",
-        "@appwrite.io/pink": "0.2.0",
-        "@appwrite.io/pink-icons": "0.2.0",
+        "@appwrite.io/pink": "0.3.0",
+        "@appwrite.io/pink-icons": "0.3.0",
         "@popperjs/core": "^2.11.8",
         "@sentry/svelte": "^7.66.0",
         "@sentry/tracing": "^7.66.0",