idk

kent-3 · Jan 17, 2025 · e8bbf2d · e8bbf2d
1 parent 638dcae
commit e8bbf2d
Show file tree

Hide file tree

Showing 10 changed files with 216 additions and 123 deletions.
diff --git a/dist/index.html b/dist/index.html
@@ -8,9 +8,9 @@
 
     <!-- <link data-trunk rel="copy-file" href="/manifest.json" /> -->
 
-<script type="module" nonce="PhNoLZ2FzjY4XCL7XKIETA==">
-import init, * as bindings from 'https://kent-3.github.io/liquidity-book-leptos/trader-leptos-c95c47f7068bb408.js';
-const wasm = await init({ module_or_path: 'https://kent-3.github.io/liquidity-book-leptos/trader-leptos-c95c47f7068bb408_bg.wasm' });
+<script type="module" nonce="boDZp/OdXBhwVZkzSwtdGg==">
+import init, * as bindings from 'https://kent-3.github.io/liquidity-book-leptos/trader-leptos-5a5b06d2608dcc7d.js';
+const wasm = await init({ module_or_path: 'https://kent-3.github.io/liquidity-book-leptos/trader-leptos-5a5b06d2608dcc7d_bg.wasm' });
 
 
 window.wasmBindings = bindings;
@@ -20,7 +20,7 @@
 
 </script>
     <link rel="icon" href="https://kent-3.github.io/liquidity-book-leptos/favicon-e9cbd8f50cc65bf2.ico" integrity="sha384&#x2D;YobgLXwtz0GhXVUTHml49p32guapVFlEG8UpQdDVN3kekOqkQi&#x2B;qSXEpwp&#x2B;yM4BW"/>
-    <link rel="stylesheet" href="https://kent-3.github.io/liquidity-book-leptos/input-3772d869121ba5e6.css" integrity="sha384&#x2D;eK70FJh9sla8q57mJOTMJP4&#x2F;GaUK0OsY20mnXDjtePOjlFhE2B52xbd70khEF&#x2F;9y"/>
+    <link rel="stylesheet" href="https://kent-3.github.io/liquidity-book-leptos/input-7a2f423f8d3b8d4d.css" integrity="sha384&#x2D;7XZMZPGphQL9KndtpB8E5Fi0CNAoXMByby&#x2B;uGI8mNgY8B3upPy5Y0rT6nZHmhC2Y"/>
 
     <!-- <link rel="manifest" href="/trader-crow-leptos/manifest.json" /> -->
 
@@ -47,7 +47,7 @@
         checkResourcesLoaded();
       });
     </script>
-  <link rel="modulepreload" href="https://kent-3.github.io/liquidity-book-leptos/trader-leptos-c95c47f7068bb408.js" crossorigin=anonymous integrity="sha384-bbcLgT+RR/vzW4Bl7cjpDsaHsk/IcJeIse2gFL1nTRwRmgwPnImMioAFOah3B19c"><link rel="preload" href="https://kent-3.github.io/liquidity-book-leptos/trader-leptos-c95c47f7068bb408_bg.wasm" crossorigin=anonymous integrity="sha384-o+vSrv1vN+mw1UdwtsKGnhBro4/k6Zl7Vs/CGNPTt2NBgI+NwuxdGRd8C6fnaOGu" as="fetch" type="application/wasm"></head>
+  <link rel="modulepreload" href="https://kent-3.github.io/liquidity-book-leptos/trader-leptos-5a5b06d2608dcc7d.js" crossorigin=anonymous integrity="sha384-wrqJEm5tfEv+OlXQBybkJDmpRmvwqRy4AqacCfQZTgbbetxT4uhXu8NRvcU7X8xZ"><link rel="preload" href="https://kent-3.github.io/liquidity-book-leptos/trader-leptos-5a5b06d2608dcc7d_bg.wasm" crossorigin=anonymous integrity="sha384-oN9j1b6dQjh/ajh3zaV9Sk81qPkR3YLwABIHk4Ea1xgE1AGXD9pkIFSZTnEdvK4j" as="fetch" type="application/wasm"></head>
 
   <style>
     .spinner {

diff --git a/dist/input-3772d869121ba5e6.css → dist/input-7a2f423f8d3b8d4d.css b/dist/input-3772d869121ba5e6.css → dist/input-7a2f423f8d3b8d4d.css
@@ -125,6 +125,10 @@
   margin-bottom: 0.25rem;
 }
 
+.mb-2 {
+  margin-bottom: 0.5rem;
+}
+
 .mb-3 {
   margin-bottom: 0.75rem;
 }
@@ -169,6 +173,10 @@
   box-sizing: border-box;
 }
 
+.box-content {
+  box-sizing: content-box;
+}
+
 .line-clamp-1 {
   overflow: hidden;
   display: -webkit-box;
@@ -208,10 +216,18 @@
   height: 2.5rem;
 }
 
+.h-16 {
+  height: 4rem;
+}
+
 .h-4 {
   height: 1rem;
 }
 
+.h-48 {
+  height: 12rem;
+}
+
 .h-5 {
   height: 1.25rem;
 }
@@ -289,14 +305,14 @@
   max-width: 32rem;
 }
 
-.max-w-md {
-  max-width: 28rem;
-}
-
 .max-w-xs {
   max-width: 20rem;
 }
 
+.flex-1 {
+  flex: 1 1 0%;
+}
+
 .basis-1\/3 {
   flex-basis: 33.333333%;
 }
@@ -349,6 +365,10 @@
   grid-template-columns: repeat(1, minmax(0, 1fr));
 }
 
+.grid-cols-\[1fr_14px_1fr\] {
+  grid-template-columns: 1fr 14px 1fr;
+}
+
 .grid-rows-2 {
   grid-template-rows: repeat(2, minmax(0, 1fr));
 }
@@ -365,6 +385,10 @@
   flex-wrap: wrap;
 }
 
+.items-start {
+  align-items: flex-start;
+}
+
 .items-center {
   align-items: center;
 }
@@ -377,6 +401,10 @@
   justify-content: space-between;
 }
 
+.gap-0 {
+  gap: 0px;
+}
+
 .gap-1 {
   gap: 0.25rem;
 }
@@ -507,6 +535,10 @@
   border-width: 0px;
 }
 
+.border-2 {
+  border-width: 2px;
+}
+
 .border-solid {
   border-style: solid;
 }
@@ -696,10 +728,6 @@
   padding-left: 1rem;
 }
 
-.pt-1 {
-  padding-top: 0.25rem;
-}
-
 .pt-2 {
   padding-top: 0.5rem;
 }
@@ -1009,14 +1037,14 @@ body {
 
 ::-moz-selection {
   --tw-bg-opacity: 1;
-  background-color: rgb(124 58 237 / var(--tw-bg-opacity));
+  background-color: rgb(49 116 143 / var(--tw-bg-opacity));
   --tw-text-opacity: 1;
   color: rgb(255 255 255 / var(--tw-text-opacity));
 }
 
 ::selection {
   --tw-bg-opacity: 1;
-  background-color: rgb(124 58 237 / var(--tw-bg-opacity));
+  background-color: rgb(49 116 143 / var(--tw-bg-opacity));
   --tw-text-opacity: 1;
   color: rgb(255 255 255 / var(--tw-text-opacity));
 }

diff --git a/dist/trader-leptos-c95c47f7068bb408.js → dist/trader-leptos-5a5b06d2608dcc7d.js b/dist/trader-leptos-c95c47f7068bb408.js → dist/trader-leptos-5a5b06d2608dcc7d.js
@@ -1375,32 +1375,32 @@ function __wbg_get_imports() {
         const ret = false;
         return ret;
     };
-    imports.wbg.__wbindgen_closure_wrapper3413 = function(arg0, arg1, arg2) {
-        const ret = makeMutClosure(arg0, arg1, 210, __wbg_adapter_50);
+    imports.wbg.__wbindgen_closure_wrapper3198 = function(arg0, arg1, arg2) {
+        const ret = makeMutClosure(arg0, arg1, 209, __wbg_adapter_50);
         return addHeapObject(ret);
     };
-    imports.wbg.__wbindgen_closure_wrapper4289 = function(arg0, arg1, arg2) {
-        const ret = makeClosure(arg0, arg1, 258, __wbg_adapter_58);
+    imports.wbg.__wbindgen_closure_wrapper4075 = function(arg0, arg1, arg2) {
+        const ret = makeClosure(arg0, arg1, 257, __wbg_adapter_58);
         return addHeapObject(ret);
     };
-    imports.wbg.__wbindgen_closure_wrapper4301 = function(arg0, arg1, arg2) {
-        const ret = makeMutClosure(arg0, arg1, 437, __wbg_adapter_53);
+    imports.wbg.__wbindgen_closure_wrapper4087 = function(arg0, arg1, arg2) {
+        const ret = makeMutClosure(arg0, arg1, 436, __wbg_adapter_53);
         return addHeapObject(ret);
     };
-    imports.wbg.__wbindgen_closure_wrapper552 = function(arg0, arg1, arg2) {
-        const ret = makeMutClosure(arg0, arg1, 210, __wbg_adapter_50);
+    imports.wbg.__wbindgen_closure_wrapper511 = function(arg0, arg1, arg2) {
+        const ret = makeMutClosure(arg0, arg1, 209, __wbg_adapter_50);
         return addHeapObject(ret);
     };
-    imports.wbg.__wbindgen_closure_wrapper557 = function(arg0, arg1, arg2) {
-        const ret = makeMutClosure(arg0, arg1, 210, __wbg_adapter_53);
+    imports.wbg.__wbindgen_closure_wrapper516 = function(arg0, arg1, arg2) {
+        const ret = makeMutClosure(arg0, arg1, 209, __wbg_adapter_53);
         return addHeapObject(ret);
     };
-    imports.wbg.__wbindgen_closure_wrapper7023 = function(arg0, arg1, arg2) {
-        const ret = makeMutClosure(arg0, arg1, 437, __wbg_adapter_53);
+    imports.wbg.__wbindgen_closure_wrapper6812 = function(arg0, arg1, arg2) {
+        const ret = makeMutClosure(arg0, arg1, 436, __wbg_adapter_53);
         return addHeapObject(ret);
     };
-    imports.wbg.__wbindgen_closure_wrapper7070 = function(arg0, arg1, arg2) {
-        const ret = makeMutClosure(arg0, arg1, 437, __wbg_adapter_53);
+    imports.wbg.__wbindgen_closure_wrapper6859 = function(arg0, arg1, arg2) {
+        const ret = makeMutClosure(arg0, arg1, 436, __wbg_adapter_53);
         return addHeapObject(ret);
     };
     imports.wbg.__wbindgen_debug_string = function(arg0, arg1) {

diff --git a/dist/trader-leptos-5a5b06d2608dcc7d_bg.wasm b/dist/trader-leptos-5a5b06d2608dcc7d_bg.wasm
diff --git a/dist/trader-leptos-c95c47f7068bb408_bg.wasm b/dist/trader-leptos-c95c47f7068bb408_bg.wasm
diff --git a/input.css b/input.css
@@ -47,7 +47,7 @@ body {
 }
 
 ::selection {
-  @apply bg-violet-600 text-white;
+  @apply bg-pine text-white;
 }
 
 /* Container to position the toasts */

diff --git a/src/lib.rs b/src/lib.rs
@@ -53,8 +53,8 @@ use state::{ChainId, Endpoint, KeplrSignals, TokenMap};
 use types::Coin;
 
 // TODO: configure this to be different in dev mode
-// pub static BASE_URL: &str = "";
-pub static BASE_URL: &str = "/liquidity-book-leptos";
+pub static BASE_URL: &str = "";
+// pub static BASE_URL: &str = "/liquidity-book-leptos";
 
 // TODO: If possible, use batch queries for resources. Combine the outputs in a struct
 // and use that as the return type of the Resource.

diff --git a/src/routes/pool/pool_creator.rs b/src/routes/pool/pool_creator.rs
@@ -191,7 +191,7 @@ pub fn PoolCreator() -> impl IntoView {
             on:submit=create_pair_handler
         >
             <label class="block">
-                "Select Token"
+                <span class="mb-1 block">"Select Token"</span>
                 <select
                     class="block p-1 font-bold w-full max-w-xs"
                     name="token_x"
@@ -204,22 +204,21 @@ pub fn PoolCreator() -> impl IntoView {
                 </select>
             </label>
             <label class="block">
-                "Select Quote Asset"
+                <span class="mb-1 block">"Select Quote Asset"</span>
                 <select
                     class="block p-1 font-bold w-full max-w-xs"
                     name="token_y"
                     title="Select Quote Asset"
                     on:input=move |ev| set_token_y.set(event_target_value(&ev))
                 >
                     <option value="SSCRT">"sSCRT"</option>
-                // <option value="sSCRT">sSCRT</option>
                 // <option value="stkd-SCRT">stkd-SCRT</option>
-                // <option value="SILK">SILK</option>
+                // <option value="USDC">USDC</option>
                 </select>
             </label>
             <label class="block">
-                "Select Bin Step"
-                <div class="block box-border pt-1 font-semibold w-full max-w-xs space-x-4">
+                <span class="mb-1 block">"Select Bin Step"</span>
+                <div class="block box-border font-semibold w-full max-w-xs space-x-4">
                     <label class="cursor-pointer">
                         <input
                             class=""
@@ -259,7 +258,7 @@ pub fn PoolCreator() -> impl IntoView {
                 </div>
             </label>
             <label class="block">
-                "Enter Active Price"
+                <span class="mb-1 block">"Enter Active Price"</span>
                 <input
                     name="active_price"
                     class="block p-1 font-bold w-full max-w-xs box-border"