fix/batch/draft/0 (#2322)

* refactor: simplify balance display in Svelte components * fix: firefox search icon * fix: livescores overflow --------- Co-authored-by: Ivan Izobov <[email protected]>
Betarena · Jan 29, 2025 · 2e06b83 · 2e06b83
1 parent aa0aa3a
commit 2e06b83
Show file tree

Hide file tree

Showing 8 changed files with 32 additions and 20 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -136,7 +136,7 @@
 		"sass": "1.69.5",
 		"svelte": "4.0.5",
 		"svelte-check": "3.4.6",
-		"svelte-dnd-action": "0.9.49",
+		"svelte-dnd-action": "0.9.55",
 		"svelte-preprocess": "5.0.4",
 		"svelte-seo": "1.5.3",
 		"tslib": "2.5.0",

diff --git a/src/lib/components/_main_/header_redisigned/SportNavigation/Balance.svelte b/src/lib/components/_main_/header_redisigned/SportNavigation/Balance.svelte
@@ -106,10 +106,7 @@
           >
             {spliceBalanceDoubleZero(toDecimalFix(main_balance)) ?? "0.00"} BTA
           </span>
-          {#if isMobile}
-            <br />
-          {/if}
-          (${spliceBalanceDoubleZero(toDecimalFix(main_balance)) ?? "0.00"})
+
         </p>
       </div>
     </div>

diff --git a/src/lib/components/page/home/league-list/LeagueList-Main.svelte b/src/lib/components/page/home/league-list/LeagueList-Main.svelte
@@ -960,6 +960,8 @@
 		background-position: 20px 50%;
 		background-size: 20px 20px;
 		width: -webkit-fill-available;
+    width: -moz-available;
+    width: fill-available;
 		height: 44px;
 		outline: none;
 		font-size: 14px;

diff --git a/src/lib/components/page/home/livescores-v2/Livescores_Loader.svelte b/src/lib/components/page/home/livescores-v2/Livescores_Loader.svelte
@@ -47,17 +47,17 @@ COMPONENT JS (w/ TS)
 </script>
 
 <!-- ===============
-COMPONENT HTML 
+COMPONENT HTML
 NOTE: [HINT] use (CTRL+SPACE) to select a (class) (id) style
 =================-->
 
 <div
   class="widget-component">
-  <LivescoresTopRow 
+  <LivescoresTopRow
     numOfFixtures={0}
     numOfFixturesLive={0}
   />
-  <div>
+  <div class="wrapper">
     {#each { length: 10 } as _, i}
       <div
         class="
@@ -76,18 +76,27 @@ NOTE: [HINT] auto-fill/auto-complete iniside <style> for var() values by typing/
 =================-->
 
 <style>
+div.widget-component {
+    overflow: hidden;
+  }
+  .wrapper {
+    max-width: 100%;
+    overflow: hidden
+  }
 
   :global(div.livescores-fixture-row-loader) {
     border-top: 1px solid var(--grey-color);
     padding-top: 20px;
     padding-bottom: 10px;
     padding: 20px;
     text-align: center;
+    max-width: 100%;
+    overflow: hidden
   }
 
   /*
   =============
-  RESPONSIVNESS 
+  RESPONSIVNESS
   =============
   */
 

diff --git a/src/lib/components/page/home/livescores-v2/Livescores_Widget.svelte b/src/lib/components/page/home/livescores-v2/Livescores_Widget.svelte
@@ -252,8 +252,6 @@
 </SeoBox>
 
 <!-- [🐞] -->
-<!-- <LivescoresLoader /> -->
-
 {#await widgetInit()}
   <!--
   ### NOTE:
@@ -273,6 +271,7 @@
   ### WARNING:
   ### Disable, if Standard Import is Enabled.
   -->
+
   <svelte:component
     this={LivescoresMainDynamic}
     WIDGET_DATA={widgetDataMain}

diff --git a/src/lib/components/page/home/livescores-v2/loaders/Loader_Row.svelte b/src/lib/components/page/home/livescores-v2/loaders/Loader_Row.svelte
@@ -66,3 +66,9 @@
 			: 'fill: #F2F2F2;'}
 	/>
 </svg>
+
+<style>
+  svg {
+    max-width: 100%
+  }
+</style>
diff --git a/src/lib/components/ui/WalletBalance.svelte b/src/lib/components/ui/WalletBalance.svelte
@@ -58,10 +58,10 @@
     </div>
     <div class="info">
       <span class="amount">
-        {spliceBalanceDoubleZero(toDecimalFix(main_balance)) ?? "0.00"} BTA
+        {spliceBalanceDoubleZero(toDecimalFix(main_balance)) ?? "0.00"}
       </span>
-      <span class="currency"
-        >${spliceBalanceDoubleZero(toDecimalFix(main_balance)) ?? "0.00"}</span
+      <span class="amount"
+        >BTA</span
       >
     </div>
   </div>
-Original file line number
+Diff line change
@@ Expand Up / @@ -106,10 +106,7 @@ @@
               >
                 {spliceBalanceDoubleZero(toDecimalFix(main_balance)) ?? "0.00"} BTA
               </span>
-              {#if isMobile}
-                <br />
-              {/if}
-              (${spliceBalanceDoubleZero(toDecimalFix(main_balance)) ?? "0.00"})
             </p>
           </div>
         </div>
@@ Expand Down @@