From ba3442f9bc7b73a0c144f647159e7552209cd244 Mon Sep 17 00:00:00 2001
From: theborakompanioni <theborakompanioni+github@gmail.com>
Date: Fri, 20 Oct 2023 12:02:20 +0200
Subject: [PATCH] dev(logs): harmonize loading indicators

---
 src/components/LogOverlay.module.css | 2 +-
 src/components/LogOverlay.tsx        | 2 +-
 src/components/Orderbook.module.css  | 2 +-
 src/components/Orderbook.tsx         | 2 +-
 4 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/LogOverlay.module.css b/src/components/LogOverlay.module.css
index c3b784302..99e66bd12 100644
--- 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
index 22d4235df..7921d0b1d 100644
--- 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
index 0e98de8ea..eecfd953e 100644
--- 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
index 5e192d127..6b837f3df 100644
--- 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>
                 )
               })