Porning/app
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Modified layout of home page cards

Browse Source
This commit is contained in:
AINDUSTRIES
2026-07-11 23:00:27 -04:00
parent 7b8ff5a16f
commit 464c1a7205
1 changed files with 9 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
app/pages/home.tsx
View File

@@ -29,7 +29,8 @@ export function HomePage() {
<Typography.Heading className="w-full text-shadow-lg" level={1}> <Typography.Heading className="w-full text-shadow-lg" level={1}>
Inventory management, the way you like it. Inventory management, the way you like it.
</Typography.Heading> </Typography.Heading>
<Typography.Paragraph className="absolute w-1/2 top-1/2 -translate-y-1/2 flex-1 align-middle"> <div className="flex-1" />
<Typography.Paragraph className="w-1/2 align-middle">
Take complete control of your loadout with our Take complete control of your loadout with our
advanced inventory system. Equip your favorite advanced inventory system. Equip your favorite
weapon skins, gloves, and knives to match your weapon skins, gloves, and knives to match your
@@ -37,6 +38,7 @@ export function HomePage() {
restrictions, allowing you to fully customize your restrictions, allowing you to fully customize your
setup and play exactly how you want. setup and play exactly how you want.
</Typography.Paragraph> </Typography.Paragraph>
<div className="flex-1" />
</div> </div>
</Surface> </Surface>
<Surface <Surface
@@ -56,7 +58,8 @@ export function HomePage() {
> >
Infinite maps, infinite possibilities. Infinite maps, infinite possibilities.
</Typography.Heading> </Typography.Heading>
<Typography.Paragraph className="absolute w-1/2 top-1/2 -translate-y-1/2 flex-1 text-right align-middle"> <div className="flex-1" />
<Typography.Paragraph className="w-1/2 text-right align-middle">
Experience endless replayability through full Steam Experience endless replayability through full Steam
Workshop integration. You have the freedom to add Workshop integration. You have the freedom to add
custom maps directly to the server. Whether you want custom maps directly to the server. Whether you want
@@ -64,6 +67,7 @@ export function HomePage() {
arenas to battle alongside your friends, the choices arenas to battle alongside your friends, the choices
are limitless. are limitless.
</Typography.Paragraph> </Typography.Paragraph>
<div className="flex-1" />
</div> </div>
</Surface> </Surface>
<Surface <Surface
@@ -80,7 +84,8 @@ export function HomePage() {
<Typography.Heading className="w-full text-shadow-lg" level={1}> <Typography.Heading className="w-full text-shadow-lg" level={1}>
Different gamemodes, different ways to have fun. Different gamemodes, different ways to have fun.
</Typography.Heading> </Typography.Heading>
<Typography.Paragraph className="absolute w-1/2 flex-1 align-middle top-1/2 -translate-y-1/2"> <div className="flex-1" />
<Typography.Paragraph className="w-1/2 align-middle">
Keep the gameplay fresh with a wide variety of Keep the gameplay fresh with a wide variety of
custom gamemodes designed for every playstyle. custom gamemodes designed for every playstyle.
Whether you are looking for intense competitive Whether you are looking for intense competitive
@@ -88,6 +93,7 @@ export function HomePage() {
rulesets, there are plenty of options available to rulesets, there are plenty of options available to
ensure every session remains exciting. ensure every session remains exciting.
</Typography.Paragraph> </Typography.Paragraph>
<div className="flex-1" />
</div> </div>
</Surface> </Surface>
</div> </div>