From b73b93dc2aedb31151ae481f7f5a6b70c2baa2f2 Mon Sep 17 00:00:00 2001
From: ingawei <ingawei@gmail.com>
Date: Wed, 31 Jul 2024 14:15:46 -0400
Subject: [PATCH] toggle

---
 .../portfolio/twomba-portfolio-value-section.tsx       |  6 +++---
 web/components/twomba/twomba-toggle.tsx                | 10 +++++-----
 web/components/widgets/manaCoinNumber.tsx              |  2 +-
 web/public/custom-components/manaFlatCoin.tsx          |  1 -
 web/public/custom-components/sweepiesFlatCoin.tsx      |  1 -
 5 files changed, 9 insertions(+), 11 deletions(-)

diff --git a/web/components/portfolio/twomba-portfolio-value-section.tsx b/web/components/portfolio/twomba-portfolio-value-section.tsx
index 0943e77f30..4fb819cafc 100644
--- a/web/components/portfolio/twomba-portfolio-value-section.tsx
+++ b/web/components/portfolio/twomba-portfolio-value-section.tsx
@@ -410,7 +410,7 @@ function TwombaPortfolioValueSkeleton(props: {
             </Row>
             {portfolioGraphElement && (
               <SizedContainer
-                className={clsx(className, 'mt-2 h-[80] sm:h-[100px]')}
+                className={clsx(className, 'mt-2 h-[50px] sm:h-[80px]')}
                 style={{
                   paddingRight: Y_AXIS_MARGIN,
                 }}
@@ -428,7 +428,7 @@ function TwombaPortfolioValueSkeleton(props: {
                   portfolioValues?.profit
                 )}
                 className={clsx(
-                  'text-ink-1000 text-2xl font-bold transition-all sm:text-4xl',
+                  'text-ink-1000 text-3xl font-bold transition-all sm:text-4xl',
                   (graphValues.profit ?? portfolioValues?.profit ?? 0) < 0
                     ? 'text-scarlet-500'
                     : 'text-teal-500'
@@ -448,7 +448,7 @@ function TwombaPortfolioValueSkeleton(props: {
           <ProfitWidget user={user} portfolio={portfolio} />
           {profitGraphElement && (
             <SizedContainer
-              className={clsx(className, 'mt-2 h-[80] sm:h-[100px]')}
+              className={clsx(className, 'mt-2 h-[50px] sm:h-[80px]')}
               style={{
                 paddingRight: Y_AXIS_MARGIN,
               }}
diff --git a/web/components/twomba/twomba-toggle.tsx b/web/components/twomba/twomba-toggle.tsx
index 66ae25beed..abf360faaf 100644
--- a/web/components/twomba/twomba-toggle.tsx
+++ b/web/components/twomba/twomba-toggle.tsx
@@ -11,16 +11,16 @@ export function TwombaToggle(props: {
   const { mode, onClick } = props
   return (
     <button
-      className="bg-ink-200 dark:bg-canvas-50 relative flex h-fit flex-row items-center gap-0.5 rounded-full p-0.5 text-3xl"
+      className="bg-ink-200 dark:bg-canvas-50 relative flex h-fit w-fit flex-row items-center gap-1 rounded-full p-0.5 text-2xl"
       onClick={onClick}
     >
       {/* Add a moving circle behind the active coin */}
-      {/* <div
+      <div
         className={clsx(
-          'dark:bg-ink-300 bg-canvas-0 absolute h-[34px] w-[34px] rounded-full drop-shadow transition-all duration-300',
-          mode === 'sweepies' ? 'left-0' : 'left-[calc(100%-2.3rem)]'
+          'dark:bg-ink-300 bg-canvas-0 absolute h-[28px] w-[28px] rounded-full drop-shadow transition-all',
+          mode === 'sweepies' ? 'left-0' : 'left-[calc(100%-28px)]'
         )}
-      /> */}
+      />
       <SweepiesFlatCoin
         className={clsx(
           'z-10 h-8 transition-opacity',
diff --git a/web/components/widgets/manaCoinNumber.tsx b/web/components/widgets/manaCoinNumber.tsx
index 5fca9f9cf3..3a7f0134e2 100644
--- a/web/components/widgets/manaCoinNumber.tsx
+++ b/web/components/widgets/manaCoinNumber.tsx
@@ -6,7 +6,7 @@ import { animated } from '@react-spring/web'
 import clsx from 'clsx'
 import { shortenNumber } from 'web/lib/util/formatNumber'
 import { SpiceCoin } from 'web/public/custom-components/spiceCoin'
-import { SweepiesCoin } from 'web/public/custom-components/sweepiesFlatCoin'
+import { SweepiesCoin } from 'web/public/custom-components/sweepiesCoin'
 
 export function CoinNumber(props: {
   amount?: number
diff --git a/web/public/custom-components/manaFlatCoin.tsx b/web/public/custom-components/manaFlatCoin.tsx
index 852e8a36d5..7658501dbf 100644
--- a/web/public/custom-components/manaFlatCoin.tsx
+++ b/web/public/custom-components/manaFlatCoin.tsx
@@ -12,7 +12,6 @@ export function ManaFlatCoin(props: { className?: string }) {
       style={{
         width: '1em',
         height: '1em',
-        marginRight: '0.1em',
       }}
     />
   )
diff --git a/web/public/custom-components/sweepiesFlatCoin.tsx b/web/public/custom-components/sweepiesFlatCoin.tsx
index 550b0b3521..e800e23642 100644
--- a/web/public/custom-components/sweepiesFlatCoin.tsx
+++ b/web/public/custom-components/sweepiesFlatCoin.tsx
@@ -12,7 +12,6 @@ export function SweepiesFlatCoin(props: { className?: string }) {
       style={{
         width: '1em',
         height: '1em',
-        marginRight: '0.1em',
       }}
     />
   )