From b6207f2d4c3fd4ae9d7cf3a23ae5b4920cecb908 Mon Sep 17 00:00:00 2001
From: ItzNotABug <itznotabug@gmail.com>
Date: Sun, 14 Jul 2024 16:54:51 +0530
Subject: [PATCH] update: float, integer side by side.

---
 .../attributes/float.svelte                   | 44 +++++++++++++------
 .../attributes/integer.svelte                 | 41 ++++++++++++-----
 2 files changed, 59 insertions(+), 26 deletions(-)

diff --git a/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/attributes/float.svelte b/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/attributes/float.svelte
index d92ce2d69..c221257bd 100644
--- a/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/attributes/float.svelte
+++ b/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/attributes/float.svelte
@@ -75,20 +75,36 @@
     $: handleDefaultState($required || $array);
 </script>
 
-<InputNumber
-    id="min"
-    label="Min"
-    placeholder="Enter size"
-    bind:value={data.min}
-    step="any"
-    required={editing} />
-<InputNumber
-    id="max"
-    label="Max"
-    placeholder="Enter size"
-    bind:value={data.max}
-    step="any"
-    required={editing} />
+<div>
+    <ul class="u-flex u-gap-16">
+        <li class="u-flex-basis-50-percent">
+            <InputNumber
+                id="min"
+                label="Min"
+                placeholder="Enter size"
+                bind:value={data.min}
+                step="any"
+                required={editing} />
+        </li>
+        <li class="u-flex-basis-50-percent">
+            <InputNumber
+            id="max"
+            label="Max"
+            placeholder="Enter size"
+            bind:value={data.max}
+            step="any"
+            required={editing} />
+        </li>
+    </ul>
+
+    <div class="u-flex u-gap-4 u-margin-block-start-8 u-small">
+        <span class="icon-info u-cross-center u-margin-block-start-2 u-line-height-1 u-icon-small"
+              aria-hidden="true" />
+        <span class="text u-line-height-1-5">
+            Once created, attribute range cannot be adjusted to maintain data integrity.
+        </span>
+    </div>
+</div>
 <InputNumber
     id="default"
     label="Default value"
diff --git a/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/attributes/integer.svelte b/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/attributes/integer.svelte
index bc4231dc4..a9d4463af 100644
--- a/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/attributes/integer.svelte
+++ b/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/attributes/integer.svelte
@@ -75,18 +75,35 @@
     $: handleDefaultState($required || $array);
 </script>
 
-<InputNumber
-    id="min"
-    label="Min"
-    placeholder="Enter size"
-    bind:value={data.min}
-    required={editing} />
-<InputNumber
-    id="max"
-    label="Max"
-    placeholder="Enter size"
-    bind:value={data.max}
-    required={editing} />
+<div>
+    <ul class="u-flex u-gap-16">
+        <li class="u-flex-basis-50-percent">
+            <InputNumber
+                id="min"
+                label="Min"
+                placeholder="Enter size"
+                bind:value={data.min}
+                required={editing} />
+        </li>
+
+        <li class="u-flex-basis-50-percent">
+            <InputNumber
+                id="max"
+                label="Max"
+                placeholder="Enter size"
+                bind:value={data.max}
+                required={editing} />
+        </li>
+    </ul>
+
+    <div class="u-flex u-gap-4 u-margin-block-start-8 u-small">
+        <span class="icon-info u-cross-center u-margin-block-start-2 u-line-height-1 u-icon-small"
+              aria-hidden="true" />
+        <span class="text u-line-height-1-5">
+            Once created, attribute range cannot be adjusted to maintain data integrity.
+        </span>
+    </div>
+</div>
 <InputNumber
     id="default"
     label="Default value"