fix(wallet): balance align

Signed-off-by: Innei <[email protected]>

Author: Innei

apps/renderer/src/modules/boost/boost-certification.tsx

@@ -27,7 +27,7 @@ export const BoostCertification = ({
       <TooltipTrigger asChild>
         <i
           className={cn(
-            "i-mgc-rocket-cute-fi ml-1.5 shrink-0 cursor-pointer text-amber-500 hover:bg-amber-400",
+            "i-mgc-rocket-cute-fi ml-1.5 shrink-0 cursor-button text-theme-accent-500 hover:bg-theme-accent-400",
             className,
           )}
           onClick={(e) => {
@@ -38,9 +38,9 @@ export const BoostCertification = ({
       </TooltipTrigger>
 
       <TooltipPortal>
-        <TooltipContent className="px-4 py-2">
-          <div className="flex items-center text-base">
-            <i className="i-mgc-rocket-cute-fi mr-2 shrink-0 text-amber-500" />
+        <TooltipContent className="px-2 py-1">
+          <div className="flex items-center text-sm">
+            <i className="i-mgc-rocket-cute-fi mr-2 shrink-0 text-theme-accent-500 animate-rocket" />
             {t("boost.feed_being_boosted")}
           </div>
         </TooltipContent>

apps/renderer/src/modules/power/my-wallet-section/index.tsx

@@ -149,11 +149,7 @@ export const MyWalletSection = ({ className }: { className?: string }) => {
           values={{ blockchainName: "VSL" }}
           components={{
             Balance: (
-              <Balance
-                className="align-sub"
-                withSuffix
-                value={BigInt(myWallet.todayDailyPower || 0n)}
-              >
+              <Balance withSuffix value={BigInt(myWallet.todayDailyPower || 0n)}>
                 {BigInt(myWallet.todayDailyPower || 0n)}
               </Balance>
             ),

apps/renderer/src/modules/wallet/balance.tsx

@@ -23,10 +23,12 @@ export const Balance = ({
   const formattedFull = format(n, { digits: 18, trailingZeros: true })
 
   const Content = (
-    <div className={cn("inline-flex items-center gap-1 tabular-nums", className)}>
-      {withSuffix && <i className="i-mgc-power align-text-bottom text-accent" />}
+    <span className={cn("tabular-nums", className)}>
+      {withSuffix && (
+        <i className="i-mgc-power mr-1 translate-y-[-3px] align-text-bottom text-accent" />
+      )}
       <span>{formatted}</span>
-    </div>
+    </span>
   )
 
   if (!withTooltip) return Content