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}>
Inventory management, the way you like it.
</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
advanced inventory system. Equip your favorite
weapon skins, gloves, and knives to match your
@@ -37,6 +38,7 @@ export function HomePage() {
restrictions, allowing you to fully customize your
setup and play exactly how you want.
</Typography.Paragraph>
<div className="flex-1" />
</div>
</Surface>
<Surface
@@ -56,7 +58,8 @@ export function HomePage() {
>
Infinite maps, infinite possibilities.
</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
Workshop integration. You have the freedom to add
custom maps directly to the server. Whether you want
@@ -64,6 +67,7 @@ export function HomePage() {
arenas to battle alongside your friends, the choices
are limitless.
</Typography.Paragraph>
<div className="flex-1" />
</div>
</Surface>
<Surface
@@ -80,7 +84,8 @@ export function HomePage() {
<Typography.Heading className="w-full text-shadow-lg" level={1}>
Different gamemodes, different ways to have fun.
</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
custom gamemodes designed for every playstyle.
Whether you are looking for intense competitive
@@ -88,6 +93,7 @@ export function HomePage() {
rulesets, there are plenty of options available to
ensure every session remains exciting.
</Typography.Paragraph>
<div className="flex-1" />
</div>
</Surface>
</div>