aidan/aidxnCC
Archived
1
1
Fork 0
Code Issues Pull Requests Actions Activity

Compare commits

base: aidan:6cbae70349d2c4f94acc194b77a2901ea1d3d554
Branches Tags
aidan:main
...
compare: aidan:659367b07709045588f6f8bbd47a942bb1cc0530
Branches Tags
aidan:main

2 Commits
6cbae70349 ... 659367b077

Author SHA1 Message Date
Aidan
659367b077 Merge remote-tracking branch 'origin/main'
All checks were successful
Bump Dependencies / update-dependencies (push) Successful in 1m5s
Details
2025-02-23 23:05:51 -05:00
Aidan
c4a8681ae2 style: /phone styling fixes 2025-02-23 23:05:39 -05:00
1 changed files with 13 additions and 11 deletions
Show Stats Expand all files Collapse all files

24
app/phone/page.tsx
View File

@ -14,7 +14,7 @@ export default function About() {
return ( return (
<div className="min-h-screen flex flex-col"> <div className="min-h-screen flex flex-col">
<Header /> <Header />
<main className="grow container mx-auto px-2 sm:px-4 py-8 md:py-12"> <main className="grow container mx-auto px-4 py-8 md:py-12">
<div className="max-w-2xl mx-auto text-center"> <div className="max-w-2xl mx-auto text-center">
<div className="mb-6 flex justify-center"> <div className="mb-6 flex justify-center">
<Smartphone size={60} /> <Smartphone size={60} />
@ -26,9 +26,9 @@ export default function About() {
My Phone My Phone
</h1> </h1>
</div> </div>
<div className="px-2 sm:px-6 pt-6"> <div className="px-6 pt-6">
<div className="flex flex-col lg:flex-row items-start gap-6 md:gap-8"> <div className="flex flex-col lg:flex-row items-start gap-6 md:gap-8">
<div className="w-full max-w-sm mx-auto lg:mx-0"> <div className="w-full max-w-sm mx-auto justify-start lg:justify-center lg:mx-0">
<Image <Image
src="/img/cheetah.png" src="/img/cheetah.png"
alt="Google Pixel 7 Pro (cheetah)" alt="Google Pixel 7 Pro (cheetah)"
@ -44,7 +44,7 @@ export default function About() {
Pixel 7 Pro Pixel 7 Pro
</h1> </h1>
<h3 className="text-xl font-semibold mb-4 text-slate-500">cheetah</h3> <h3 className="text-xl font-semibold mb-4 text-slate-500">cheetah</h3>
<hr /> <hr className="mb-6 lg:mb-0"/>
<h1 className="text-3xl font-semibold my-3 text-gray-200 flex items-center justify-center lg:justify-start"> <h1 className="text-3xl font-semibold my-3 text-gray-200 flex items-center justify-center lg:justify-start">
<Cpu className="mr-2" /> <Cpu className="mr-2" />
Specifications Specifications
@ -61,7 +61,7 @@ export default function About() {
<MemoryStick className="mr-2" size={20} /> <MemoryStick className="mr-2" size={20} />
<b className="mr-1">RAM:</b> 12GB <b className="mr-1">RAM:</b> 12GB
</p> </p>
<hr className="mt-4" /> <hr className="my-6 lg:mt-4 lg:mb-0" />
<h1 className="text-3xl font-semibold my-3 text-gray-200 flex items-center justify-center lg:justify-start"> <h1 className="text-3xl font-semibold my-3 text-gray-200 flex items-center justify-center lg:justify-start">
<Hash className="mr-2" /> <Hash className="mr-2" />
Modifications Modifications
@ -103,8 +103,9 @@ export default function About() {
</Link> </Link>
</p> </p>
</div> </div>
<div className="w-full mt-8 lg:mt-0 text-center lg:text-left lg:ml-8"> <hr className="lg:hidden" />
<h1 className="text-3xl font-semibold my-3 text-gray-200 flex items-center justify-center lg:justify-start"> <div className="w-full text-center lg:text-left lg:ml-8">
<h1 className="text-3xl font-semibold mb-3 text-gray-200 flex items-center justify-center lg:justify-start">
<LuPackageOpen className="mr-2" /> <LuPackageOpen className="mr-2" />
Apps Apps
</h1> </h1>
@ -156,8 +157,8 @@ export default function About() {
ReVanced Extended ReVanced Extended
</Link> </Link>
</p> </p>
<hr className="mt-4" /> <hr className="mt-8 mb-6 lg:my-4" />
<h1 className="text-3xl font-semibold my-3 text-gray-200 flex items-center justify-center lg:justify-start"> <h1 className="text-3xl font-semibold mb-3 text-gray-200 flex items-center justify-center lg:justify-start">
<Layers className="mr-2" /> <Layers className="mr-2" />
Modules Modules
</h1> </h1>
@ -224,8 +225,9 @@ export default function About() {
</li> </li>
</ul> </ul>
</div> </div>
<div className="w-full mt-8 lg:mt-0 text-center lg:text-left lg:ml-8"> <hr className="mt-2 lg:mt-0 lg:hidden" />
<h1 className="text-3xl font-semibold my-3 text-gray-200 flex items-center justify-center lg:justify-start"> <div className="w-full lg:mt-0 text-center lg:text-left lg:ml-8">
<h1 className="text-3xl font-semibold mb-3 text-gray-200 flex items-center justify-center lg:justify-start">
<SquarePen className="mr-2" /> <SquarePen className="mr-2" />
Review Review
</h1> </h1>