refactor: standardize Tailwind class syntax and component usage

- Replaced arbitrary CSS values with standard Tailwind utilities (e.g., `bottom-[-18rem]` → `-bottom-72`, `mt-[-2rem]` → `-mt-8`)
- Fixed invalid gradient syntax by removing `bg-` prefix from gradient utilities
- Consolidated text styling by replacing inline elements with CT/CP text components
- Adjusted CT component typography from semibold to medium for better visual hierarchy
This commit is contained in:
2025-11-10 15:28:17 +01:00
parent 2865b1e1fd
commit d16d4e02e0
10 changed files with 30 additions and 18 deletions

View File

@@ -185,7 +185,7 @@ const bodyAnimation: MotionProps = {
function InviteScreen() {
return (
<AppScreen className="w-full">
<img src={connectorImg} alt="Mycelium Connector" width="366" height="732" className="mt-[-2rem]" />
<img src={connectorImg} alt="Mycelium Connector" width="366" height="732" className="-mt-8" />
</AppScreen>
)
}
@@ -193,7 +193,7 @@ function InviteScreen() {
function StocksScreen() {
return (
<AppScreen className="w-full">
<img src={peersImg} alt="Mycelium Peers" width="366" height="732" className="mt-[-2rem]" />
<img src={peersImg} alt="Mycelium Peers" width="366" height="732" className="-mt-8" />
</AppScreen>
)
}
@@ -201,7 +201,7 @@ function StocksScreen() {
function InvestScreen() {
return (
<AppScreen className="w-full">
<img src={settingImg} alt="Mycelium Settings" width="366" height="732" className="mt-[-2rem]" />
<img src={settingImg} alt="Mycelium Settings" width="366" height="732" className="-mt-8" />
</AppScreen>
)
}