@loafmarkets/ui 0.1.290 → 0.1.291

package/dist/index.mjs

@@ -12802,7 +12802,7 @@ function OrderPanel({
 var Panel = styled9.div`
   background-color: var(--color-card-darker, #111);
   border-radius: 8px;
-  padding: 1.5rem;
+  padding: 1.25rem;
   box-shadow: 0 4px 8px rgba(0,0,0,0.2);
   border: 1px solid var(--color-border);
   height: 100%;
@@ -12830,11 +12830,11 @@ var PanelHeader2 = styled9.div`
   display: flex;
   justify-content: space-between;
   align-items: center;
-  margin-bottom: 1rem;
-  padding-bottom: 0.75rem;
+  margin-bottom: 0.75rem;
+  padding-bottom: 0.5rem;
   border-bottom: 1px solid var(--color-border);
   span:first-child {
-    font-size: 1rem;
+    font-size: 0.9rem;
     font-weight: 600;
     color: var(--color-text);
   }
@@ -12855,18 +12855,18 @@ var StatusBadge2 = styled9.span`
 var Card2 = styled9.div`
   background: rgba(0,0,0,0.4);
   border: 1px solid rgba(255,255,255,0.15);
-  border-radius: 12px;
-  padding: 1rem 1.25rem;
+  border-radius: 10px;
+  padding: 0.75rem 1rem;
 
   @media (max-width: 480px) {
-    padding: 0.75rem 1rem;
-    border-radius: 10px;
+    padding: 0.6rem 0.85rem;
+    border-radius: 8px;
   }
 `;
 var CardLabel = styled9.div`
-  font-size: 0.75rem;
+  font-size: 0.7rem;
   color: var(--color-text-secondary);
-  margin-bottom: 0.5rem;
+  margin-bottom: 0.3rem;
 `;
 var CardInputRow = styled9.div`
   display: flex;
@@ -12876,17 +12876,17 @@ var CardInputRow = styled9.div`
     background: transparent;
     border: none;
     outline: none;
-    font-size: 1.75rem;
+    font-size: 1.4rem;
     font-weight: 600;
     color: #fff;
     width: 100%;
 
     @media (max-width: 480px) {
-      font-size: 1.35rem;
+      font-size: 1.15rem;
     }
   }
   span {
-    font-size: 1rem;
+    font-size: 0.9rem;
     color: var(--color-text-secondary);
     font-weight: 500;
     margin-left: 0.75rem;
@@ -12895,14 +12895,14 @@ var CardInputRow = styled9.div`
 `;
 var QuickSelectRow = styled9.div`
   display: flex;
-  gap: 0.5rem;
-  margin-top: 0.75rem;
+  gap: 0.4rem;
+  margin-top: 0.5rem;
   flex-wrap: wrap;
   button {
     flex: 1;
     min-width: 50px;
-    padding: 0.4rem 0;
-    font-size: 0.75rem;
+    padding: 0.3rem 0;
+    font-size: 0.7rem;
     font-weight: 500;
     background: rgba(255,255,255,0.05);
     border: 1px solid rgba(255,255,255,0.1);
@@ -12945,7 +12945,7 @@ var DepositButton2 = styled9.button`
 `;
 var Divider2 = styled9.div`
   text-align: center;
-  margin: 0.5rem 0;
+  margin: 0.25rem 0;
   color: var(--color-text-secondary);
 `;
 var CardTopRow = styled9.div`
@@ -12961,12 +12961,12 @@ var CardHint = styled9.span`
 `;
 var OrderSummary = styled9.div`
   border-top: 1px solid rgba(255,255,255,0.08);
-  padding-top: 1rem;
-  margin-top: 0.5rem;
-  font-size: 0.8rem;
+  padding-top: 0.65rem;
+  margin-top: 0.35rem;
+  font-size: 0.75rem;
   display: flex;
   flex-direction: column;
-  gap: 0.5rem;
+  gap: 0.35rem;
 `;
 var SummaryRow = styled9.div`
   display: flex;
@@ -12985,15 +12985,15 @@ var SummaryTotal = styled9(SummaryRow)`
 var FormBody = styled9.div`
   display: flex;
   flex-direction: column;
-  gap: 0.75rem;
+  gap: 0.5rem;
 `;
 var SubscribeButton = styled9.button`
   width: 100%;
-  margin-top: 1rem;
-  padding: 0.875rem;
+  margin-top: 0.75rem;
+  padding: 0.7rem;
   border-radius: 6px;
   font-weight: 600;
-  font-size: 0.9rem;
+  font-size: 0.85rem;
   border: none;
   cursor: pointer;
   transition: all 0.2s;
@@ -13014,27 +13014,27 @@ var SubscribeButton = styled9.button`
 `;
 var BalanceCards = styled9.div`
   display: flex;
-  gap: 1rem;
-  margin-top: 1rem;
+  gap: 0.75rem;
+  margin-top: 0.75rem;
   flex-wrap: wrap;
 `;
 var BalanceCard = styled9.div`
   flex: 1;
   background: rgba(255,255,255,0.03);
-  border-radius: 12px;
-  padding: 1rem;
+  border-radius: 10px;
+  padding: 0.75rem;
   text-align: center;
   position: relative;
 `;
 var BalanceLabel = styled9.div`
-  font-size: 0.75rem;
+  font-size: 0.7rem;
   color: var(--color-text-secondary);
   text-transform: uppercase;
   letter-spacing: 0.5px;
-  margin-bottom: 0.5rem;
+  margin-bottom: 0.35rem;
 `;
 var BalanceValue = styled9.div`
-  font-size: 1.5rem;
+  font-size: 1.25rem;
   font-weight: 700;
   color: #fff;
   span {