fix(bridge-ui): transaction tab same min-height as bridge height

taikoxyz · Jan 5, 2023 · d0a6337 · d0a6337
1 parent 9b1d6b9
commit d0a6337
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/packages/bridge-ui/src/pages/home/Home.svelte b/packages/bridge-ui/src/pages/home/Home.svelte
@@ -7,10 +7,11 @@
   import Transactions from "../../components/Transactions.svelte";
   let activeTab: string = "bridge";
   let bridgeWidth;
+  let bridgeHeight;
 </script>
 
-<div class="container mx-auto {activeTab === 'bridge' ? 'max-w-fit' : ''} text-center my-10" style="{activeTab === 'bridge' ? '' : 'width: '+bridgeWidth+'px;'}" bind:clientWidth={bridgeWidth}>
-  <div class="rounded-3xl border-2 border-zinc-800 border-solid p-2 md:p-6">
+<div class="container mx-auto {activeTab === 'bridge' ? 'max-w-fit' : ''} text-center my-10" style="{activeTab === 'bridge' ? '' : 'width: '+bridgeWidth+'px;'}" bind:clientWidth={bridgeWidth} bind:clientHeight={bridgeHeight}>
+  <div class="rounded-3xl border-2 border-zinc-800 border-solid p-2 md:p-6" style="{activeTab === 'bridge' ? '' : 'min-height: '+bridgeHeight+'px;'}">
     <div class="tabs mb-4">
       <span
         class="tab tab-bordered {activeTab === 'bridge' ? 'tab-active' : ''}"