Skip to content
This repository has been archived by the owner on Aug 29, 2024. It is now read-only.

Zekoboost #6

Open
wants to merge 4 commits into
base: main
Choose a base branch
from
Open

Zekoboost #6

Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
6c4528a
Mobile Responsive
gregory-lumina May 30, 2024
90ccc37
Mobile Responsive-2
gregory-lumina May 30, 2024
42bba30
Reduced Frame Size
gregory-lumina May 30, 2024
9a61a6f
Frame size fixed
gregory-lumina May 30, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
22 changes: 11 additions & 11 deletions app/zekoboost/page.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -22,16 +22,17 @@ export default function BoostPage() {
alt="Boost Image"
width={400}
height={200}
className="lg:w-96 sm:w-60"
/>
</button>
<div>
<h1 className={`${title()} w-full`}>Developer Contest Details</h1>
<div className="text-center">
<div className={`${title()} w-full`}>Developer Contest Details</div>
</div>
<div className="flex flex-col gap-10 w-full items-center">
<div className="flex flex-row justify-between w-full gap-5">
<div className="flex flex-row flex-wrap justify-center gap-5">
<Button
radius="md"
className={`p-7 ${
className={`lg:p-7 sm:p-5 ${
subpage === 1 ? "bg-[#4873ff]" : "bg-[#7494ff]"
} text-xl text-white`}
onClick={() => setSubPage(1)}
Expand All @@ -40,7 +41,7 @@ export default function BoostPage() {
</Button>
<Button
radius="md"
className={`p-7 ${
className={`lg:p-7 sm:p-5 ${
subpage === 2 ? "bg-[#4873ff]" : "bg-[#7494ff]"
} text-xl text-white`}
onClick={() => setSubPage(2)}
Expand All @@ -49,7 +50,7 @@ export default function BoostPage() {
</Button>
<Button
radius="md"
className={`p-7 ${
className={`lg:p-7 sm:p-5 ${
subpage === 3 ? "bg-[#4873ff]" : "bg-[#7494ff]"
} text-xl text-white`}
onClick={() => setSubPage(3)}
Expand All @@ -58,7 +59,7 @@ export default function BoostPage() {
</Button>
<Button
radius="md"
className={`p-7 ${
className={`lg:p-7 sm:p-5 ${
subpage === 4 ? "bg-[#4873ff]" : "bg-[#7494ff]"
} text-xl text-white`}
onClick={() => setSubPage(4)}
Expand All @@ -67,15 +68,15 @@ export default function BoostPage() {
</Button>
<Button
radius="md"
className={`p-7 ${
className={`lg:p-7 sm:p-5 ${
subpage === 5 ? "bg-[#4873ff]" : "bg-[#7494ff]"
} text-xl text-white`}
onClick={() => setSubPage(5)}
>
Resources
</Button>
</div>
<div>
<div className="w-full">
{subpage < 4 ? (
<div className="flex flex-col gap-5">
<Image
Expand All @@ -98,8 +99,7 @@ export default function BoostPage() {
) : subpage === 4 ? (
<iframe
src="https://docs.google.com/forms/d/e/1FAIpQLSedPNSBQD_5SSS2ZcT0nk_woS5TCk1H4zd59G4EiGTrlM1ibA/viewform?embedded=true"
width="640"
height="1922"
className="w-full h-[1922px]"
>
Loading…
</iframe>
Expand Down