render re-order of mint panel

taikoxyz · Jun 3, 2024 · f91dc49 · f91dc49
1 parent d484007
commit f91dc49
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 18 deletions.
diff --git a/packages/taikoon-ui/src/components/Mint/Mint.svelte b/packages/taikoon-ui/src/components/Mint/Mint.svelte
@@ -154,21 +154,22 @@
 </script>
 
 <div class={wrapperClasses}>
-  {#if isReady}
-    {#if windowSize !== 'sm'}
-      <div class={leftHalfPanel}>
-        <div class={nftRendererWrapperClasses}>
-          <NftRenderer />
-        </div>
+  {#if windowSize !== 'sm'}
+    <div class={leftHalfPanel}>
+      <div class={nftRendererWrapperClasses}>
+        <NftRenderer />
+      </div>
+    </div>
+  {/if}
+
+  <div class={rightHalfPanel}>
+    <!-- svelte-ignore missing-declaration -->
+    {#if windowSize === 'sm'}
+      <div class={nftRendererWrapperMobileClasses}>
+        <NftRenderer />
       </div>
     {/if}
-    <div class={rightHalfPanel}>
-      <!-- svelte-ignore missing-declaration -->
-      {#if windowSize === 'sm'}
-        <div class={nftRendererWrapperMobileClasses}>
-          <NftRenderer />
-        </div>
-      {/if}
+    {#if isReady}
       <div class={mintTitleClasses}>{$t('content.mint.title')}</div>
 
       <p class={mintContentClasses}>
@@ -231,10 +232,10 @@
           type="primary">
           {$t('buttons.mint')}</Button>
       {/if}
-    </div>
-  {:else}
-    <Spinner size="lg" />
-  {/if}
+    {:else}
+      <Spinner size="lg" />
+    {/if}
+  </div>
 </div>
 
 <ResponsiveController bind:windowSize />
diff --git a/packages/taikoon-ui/src/components/Mint/classes.ts b/packages/taikoon-ui/src/components/Mint/classes.ts
@@ -31,7 +31,7 @@ export const leftHalfPanel = classNames(halfPanel, 'aspect-square');
 export const rightHalfPanel = classNames(
   halfPanel,
   'md:px-12',
-
+  'min-w-[400px]',
   'my-16',
   'md:my-[0]',
   'md:max-w-[500px]',