style: adjust component spacing and layout for improved mobile display

This commit is contained in:
2025-10-14 15:35:00 +02:00
parent 661e035e19
commit f22a288dd9
5 changed files with 6 additions and 6 deletions

View File

@@ -194,7 +194,7 @@ type ScreenProps =
function InviteScreen(props: ScreenProps) {
return (
<AppScreen className="w-full">
<Image src="/images/connector.png" alt="Mycelium Connector" width={366} height={732} />
<Image src="/images/connector.png" alt="Mycelium Connector" width={366} height={732} className="mt-[-2rem]" />
</AppScreen>
)
}
@@ -202,7 +202,7 @@ function InviteScreen(props: ScreenProps) {
function StocksScreen(props: ScreenProps) {
return (
<AppScreen className="w-full">
<Image src="/images/peers.png" alt="Mycelium Peers" width={366} height={732} />
<Image src="/images/peers.png" alt="Mycelium Peers" width={366} height={732} className="mt-[-2rem]" />
</AppScreen>
)
}
@@ -210,7 +210,7 @@ function StocksScreen(props: ScreenProps) {
function InvestScreen(props: ScreenProps) {
return (
<AppScreen className="w-full">
<Image src="/images/setting.png" alt="Mycelium Settings" width={366} height={732} />
<Image src="/images/setting.png" alt="Mycelium Settings" width={366} height={732} className="mt-[-2rem]" />
</AppScreen>
)
}