some other tings

taikoxyz · Dec 21, 2022 · ab8c943 · ab8c943
1 parent d058980
commit ab8c943
Show file tree

Hide file tree

Showing 5 changed files with 10 additions and 16 deletions.
diff --git a/packages/bridge-ui/src/components/AddressDropdown.svelte b/packages/bridge-ui/src/components/AddressDropdown.svelte
@@ -101,7 +101,7 @@
       {/if}
     </div>
     <div class="divider" />
-    <div class="flex hover:bg-dark-5 items-center py-2 px-2">
+    <div class="flex hover:bg-dark-5 items-center py-2 px-4">
       <img
         width="24"
         height="24"
@@ -112,14 +112,14 @@
       {addressSubsection(address)}
     </div>
     <div
-      class="cursor-pointer flex hover:bg-dark-5 items-center py-2 px-2"
+      class="cursor-pointer flex hover:bg-dark-5 items-center py-2 px-4"
       on:click={async () => await copyToClipboard(address)}
     >
       <ClipboardDocument class="mr-2" />
       Copy Address
     </div>
     <div
-      class="cursor-pointer flex hover:bg-dark-5 items-center py-2 px-2"
+      class="cursor-pointer flex hover:bg-dark-5 items-center py-2 px-4"
       on:click={async () => await disconnect()}
     >
       <Power class="mr-2" /> Disconnect

diff --git a/packages/bridge-ui/src/components/ChainDropdown.svelte b/packages/bridge-ui/src/components/ChainDropdown.svelte
@@ -24,8 +24,8 @@
   };
 </script>
 
-<div class="dropdown dropdown-bottom dropdown-end mr-4">
-  <label tabindex="0" class="btn btn-md justify-around">
+<div class="dropdown dropdown-end mr-4">
+  <label tabindex="0" class="btn btn-md justify-around w-[194px]">
     <span class="font-normal flex-1 text-left mr-2">
       {#if $fromChain}
         <svelte:component this={$fromChain.icon} />
@@ -38,7 +38,7 @@
   </label>
   <ul
     tabindex="0"
-    class="dropdown-content flex menu p-2 shadow bg-dark-3 rounded-box w-[194px]"
+    class="dropdown-content flex my-2 menu p-2 shadow bg-dark-3 rounded-box w-[194px]"
   >
     <li>
       <button
@@ -64,9 +64,3 @@
     </li>
   </ul>
 </div>
-
-<style>
-  .menu li > span {
-    padding-left: 0px;
-  }
-</style>
diff --git a/packages/bridge-ui/src/components/TaikoBanner.svelte b/packages/bridge-ui/src/components/TaikoBanner.svelte
@@ -4,7 +4,7 @@
 </script>
 
 <div
-  class="taiko-banner bg-cover bg-center bg-no-repeat h-36 rounded-lg py-4 flex flex-col items-center justify-center md:w-[450px]"
+  class="taiko-banner bg-cover bg-center bg-no-repeat h-36 rounded-lg py-4 flex flex-col items-center justify-center"
 >
   <SelectChain />
 </div>
diff --git a/packages/bridge-ui/src/components/form/ProcessingFee.svelte b/packages/bridge-ui/src/components/form/ProcessingFee.svelte
@@ -17,7 +17,7 @@
   }
 </script>
 
-<div class="my-10 w-full">
+<div class="my-10">
   <div class="flex flex-row justify-between">
     <span class="text-left label-text">
       {$_("bridgeForm.processingFeeLabel")}
@@ -51,7 +51,7 @@
       <button
         class="{$processingFee === fee[0]
           ? 'border-accent hover:border-accent'
-          : ''} btn btn-sm"
+          : ''} btn btn-md text-xs font-semibold md:w-32"
         on:click={() => selectProcessingFee(fee[0])}
         >{fee[1].displayText}</button
       >

diff --git a/packages/bridge-ui/src/pages/home/Home.svelte b/packages/bridge-ui/src/pages/home/Home.svelte
@@ -8,7 +8,7 @@
   let activeTab: string = "bridge";
 </script>
 
-<div class="container mx-auto max-w-fit text-center mt-10">
+<div class="container mx-auto max-w-fit text-center my-10">
   <div class="rounded-3xl border-2 border-zinc-800 border-solid p-6">
     <div class="tabs mb-4">
       <span