toggle

manifoldmarkets · Jul 31, 2024 · b73b93d · b73b93d
1 parent b47caaa
commit b73b93d
Show file tree

Hide file tree

Showing 5 changed files with 9 additions and 11 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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
@@ -12,7 +12,6 @@ export function SweepiesFlatCoin(props: { className?: string }) {
       style={{
         width: '1em',
         height: '1em',
-        marginRight: '0.1em',
       }}
     />
   )