trafficlunar/blockmatic
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

refactor: replace max-w-[40rem] with max-w-xl

Browse source
This commit is contained in:
trafficlunar 2025-02-20 22:20:40 +00:00
parent bce0506f33
commit c922b4223c
1 changed files with 5 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
src/pages/IndexPage.tsx
View file

@ -41,7 +41,7 @@ function IndexPage() {
style={{ maskImage: "linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 10%, rgba(255,255,255,0) 100%)" }} style={{ maskImage: "linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 10%, rgba(255,255,255,0) 100%)" }}
/> />
<section className="max-w-[40rem] mt-16 mx-8 flex flex-col items-center gap-4"> <section className="max-w-xl mt-16 mx-8 flex flex-col items-center gap-4">
<h1 className="text-6xl text-center font-bold">Create pixel art for Minecraft in minutes</h1> <h1 className="text-6xl text-center font-bold">Create pixel art for Minecraft in minutes</h1>
<h5 className="text-xl text-center"> <h5 className="text-xl text-center">
Open images, draw, and export your art with{" "} Open images, draw, and export your art with{" "}
@ -96,7 +96,7 @@ function IndexPage() {
</div> </div>
</section> </section>
<section className="flex flex-col items-center mt-32 mx-8 max-w-[40rem]"> <section className="flex flex-col items-center mt-32 mx-8 max-w-xl">
<h1 className="text-5xl font-bold mb-2 text-center">See the difference</h1> <h1 className="text-5xl font-bold mb-2 text-center">See the difference</h1>
<p className="mb-8 text-lg text-center"> <p className="mb-8 text-lg text-center">
Blockmatic lets you pick what blocks you want for the image and change versions from 1.6.1 to the latest version. Blockmatic lets you pick what blocks you want for the image and change versions from 1.6.1 to the latest version.
@ -104,7 +104,7 @@ function IndexPage() {
<ImageComparison /> <ImageComparison />
</section> </section>
<section className="flex flex-col items-center mt-32 mx-8 max-w-[40rem]"> <section className="flex flex-col items-center mt-32 mx-8 max-w-xl">
<h1 className="text-5xl font-bold mb-2 text-center">Open source</h1> <h1 className="text-5xl font-bold mb-2 text-center">Open source</h1>
<p className="mb-8 text-lg text-center">Blockmatic is free and open source. Host it yourself, modify it, or contribute to its development.</p> <p className="mb-8 text-lg text-center">Blockmatic is free and open source. Host it yourself, modify it, or contribute to its development.</p>
@ -116,7 +116,7 @@ function IndexPage() {
</Button> </Button>
</section> </section>
<Separator className="max-w-[40rem] mt-20 mb-8" /> <Separator className="max-w-xl mt-20 mb-8" />
<Button className="w-min h-11" asChild> <Button className="w-min h-11" asChild>
<Link to={{ pathname: "/app" }} className="!text-base"> <Link to={{ pathname: "/app" }} className="!text-base">
@ -126,7 +126,7 @@ function IndexPage() {
</Button> </Button>
<footer className="w-full h-16 mt-8 flex flex-col items-center"> <footer className="w-full h-16 mt-8 flex flex-col items-center">
<Separator className="max-w-[40rem]" /> <Separator className="max-w-xl" />
<div className="mt-8 flex justify-center items-center gap-16 text-zinc-500"> <div className="mt-8 flex justify-center items-center gap-16 text-zinc-500">
<Link to={{ pathname: "/privacy-policy" }}>Privacy</Link> <Link to={{ pathname: "/privacy-policy" }}>Privacy</Link>