move the create pool button, make view transition more subtle

kent-3 · Jan 17, 2025 · 6b3e3fe · 6b3e3fe
1 parent e8bbf2d
commit 6b3e3fe
Show file tree

Hide file tree

Showing 3 changed files with 22 additions and 10 deletions.
diff --git a/input.css b/input.css
@@ -386,7 +386,7 @@ ul {
 
   to {
     opacity: 0;
-    transform: translate(-25vw, 0);
+    transform: translate(-100px, 0);
   }
 }
 
@@ -418,7 +418,7 @@ ul {
 
   to {
     opacity: 0;
-    transform: translate(25vw, 0);
+    transform: translate(100px, 0);
   }
 }
 

diff --git a/src/routes/pool/pool_browser.rs b/src/routes/pool/pool_browser.rs
@@ -55,7 +55,15 @@ pub fn PoolBrowser() -> impl IntoView {
         // <TableContent rows=rows scroll_container="html"/>
         // </table>
 
-        <h3 class="mb-3">"All Pools - " {move || number_of_lb_pairs.get().as_deref().cloned()}</h3>
+        <div class="flex items-center justify-between">
+            <h3 class="mb-3">"All Pools - " {move || number_of_lb_pairs.get().as_deref().cloned()}</h3>
+
+            <div class="">
+                <A href="/liquidity-book-leptos/pool/create">
+                    <button class="p-1">"Create New Pool"</button>
+                </A>
+            </div>
+        </div>
 
         <div class="flex flex-col gap-2 md:hidden">
             <Suspense fallback=|| {
@@ -205,11 +213,5 @@ pub fn PoolBrowser() -> impl IntoView {
 
             </table>
         </div>
-
-        <div class="mt-4">
-            <A href="/liquidity-book-leptos/pool/create">
-                <button class="p-1">"Create New Pool"</button>
-            </A>
-        </div>
     }
 }
diff --git a/src/routes/pool/pool_manager.rs b/src/routes/pool/pool_manager.rs
@@ -303,7 +303,7 @@ pub fn PoolManager() -> impl IntoView {
         <div class="grid auto-rows-min grid-cols-1 sm:grid-cols-2 gap-8">
 
             // left side of the screen
-            <div class="flex flex-col items-center gap-4">
+            <div class="flex flex-col items-center gap-6">
                 // my liquidity box
                 <div class="block w-full outline outline-2 outline-neutral-700 rounded">
                     <div class="px-6 py-4">
@@ -367,6 +367,16 @@ pub fn PoolManager() -> impl IntoView {
                         </div>
                     </div>
                 </div>
+                <div class="block w-full outline outline-2 outline-neutral-700 rounded">
+                    <div class="px-6 py-4">
+                        <div class="w-full">
+                            <h2 class="m-0 mb-2 text-xl">"Fees Earned"</h2>
+                            <div class="flex justify-center items-center h-48">
+                                <p class="text-neutral-500">"You have no fees earned"</p>
+                            </div>
+                        </div>
+                    </div>
+                </div>
 
             </div>