dev(logs): harmonize loading indicators

joinmarket-webui · Oct 20, 2023 · ba3442f · ba3442f
1 parent 8e7e511
commit ba3442f
Show file tree

Hide file tree

Showing 4 changed files with 4 additions and 4 deletions.
diff --git a/src/components/LogOverlay.module.css b/src/components/LogOverlay.module.css
@@ -1,5 +1,5 @@
 .logContentPlaceholder {
-  height: 1rem;
+  height: 2.625rem;
   margin: 1px 0;
 }
 

diff --git a/src/components/LogOverlay.tsx b/src/components/LogOverlay.tsx
@@ -144,7 +144,7 @@ export function LogOverlay({ currentWallet, show, onHide }: LogOverlayProps) {
       <rb.Offcanvas.Body>
         <rb.Container fluid="lg" className="py-3">
           {!isInitialized && isLoading ? (
-            Array(12)
+            Array(5)
               .fill('')
               .map((_, index) => {
                 return (

diff --git a/src/components/Orderbook.module.css b/src/components/Orderbook.module.css
@@ -1,4 +1,4 @@
-.orderbook-line-placeholder {
+.orderbookContentPlaceholder {
   height: 2.625rem;
   margin: 1px 0;
 }

diff --git a/src/components/Orderbook.tsx b/src/components/Orderbook.tsx
@@ -461,7 +461,7 @@ export function OrderbookOverlay({ nickname, show, onHide }: OrderbookOverlayPro
               .map((_, index) => {
                 return (
                   <rb.Placeholder key={index} as="div" animation="wave">
-                    <rb.Placeholder xs={12} className={styles['orderbook-line-placeholder']} />
+                    <rb.Placeholder xs={12} className={styles.orderbookContentPlaceholder} />
                   </rb.Placeholder>
                 )
               })