feat: added balance skeleton class (stops resizing when skeleton is h…

…idden)
valory-xyz · Sep 9, 2024 · a25e05e · a25e05e
1 parent 14f86a9
commit a25e05e
Showing 1 changed file with 16 additions and 5 deletions.
diff --git a/frontend/styles/globals.scss b/frontend/styles/globals.scss
@@ -3,13 +3,14 @@
 @import '@fontsource/inter/700.css';
 @import '@fontsource/inter/900.css';
 
-html, body {
+html,
+body {
   margin: 0;
-  padding: 0;   
+  padding: 0;
   height: auto;
 }
 
-  /* Hide scrollbar for Chrome, Safari and Opera */
+/* Hide scrollbar for Chrome, Safari and Opera */
 *::-webkit-scrollbar {
   display: none;
 }
@@ -20,7 +21,11 @@ body {
   user-select: none;
 }
 
-button, input, select, textarea, .ant-input-suffix {
+button,
+input,
+select,
+textarea,
+.ant-input-suffix {
   -webkit-app-region: no-drag;
 }
 
@@ -40,13 +45,19 @@ button, input, select, textarea, .ant-input-suffix {
   overflow-y: scroll;
 }
 
+// BALANCE
+
 .balance {
   font-family: 'Inter';
   font-weight: 900;
   font-size: 56px;
   line-height: 48px;
 }
 
+.balance-skeleton {
+  height: 48px;
+}
+
 .balance-symbol {
   @extend .balance;
   font-size: 32px;
@@ -147,7 +158,7 @@ button, input, select, textarea, .ant-input-suffix {
 .mx-auto {
   margin-left: auto !important;
   margin-right: auto !important;
-} 
+}
 
 .text-xl {
   font-size: 20px;