forked from emre/www_projectmycelium_com
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:
@@ -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>
|
||||
)
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user