improved ui for twap + limit

orbs-network · Oct 3, 2024 · 65cadb7 · 65cadb7
1 parent 2339e83
commit 65cadb7
Show file tree

Hide file tree

Showing 4 changed files with 46 additions and 4 deletions.
diff --git a/public/dlimit-logo.svg b/public/dlimit-logo.svg
diff --git a/public/dtwap-logo.svg b/public/dtwap-logo.svg
diff --git a/public/liquidity-hub-logo.svg b/public/liquidity-hub-logo.svg
diff --git a/src/trade/trade.tsx b/src/trade/trade.tsx
@@ -16,13 +16,15 @@ export function Trade() {
           <Swap />
         </TabsContent>
         <TabsContent value="twap">
-          <div className="w-full rounded-lg bg-gray-100 dark:bg-gray-800 p-4 mt-4">
-            dTwap by Orbs
+          <div className="w-full rounded-lg bg-gray-100 dark:bg-gray-800 p-4 mt-4 flex flex-col items-center justify-center">
+            <img src="/dex-playground/dtwap-logo.svg" className="w-32 h-32" />
+            <div>Coming soon</div>
           </div>
         </TabsContent>
         <TabsContent value="limit">
-          <div className="w-full rounded-lg bg-gray-100 dark:bg-gray-800 p-4 mt-4">
-            dLimit by Orbs
+          <div className="w-full rounded-lg bg-gray-100 dark:bg-gray-800 p-4 mt-4 flex flex-col items-center justify-center">
+            <img src="/dex-playground/dlimit-logo.svg" className="w-32 h-32" />
+            <div>Coming soon</div>
           </div>
         </TabsContent>
       </Tabs>