lapikud/tipilan
3
0
Fork 0
mirror of https://github.com/Lapikud/tipilan.git synced 2026-03-23 21:34:21 +00:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #24 from Lapikud/add-images-to-tournaments-page

Browse Source 
Added images to tournaments page
This commit is contained in:
Kerdo Käärma
2025-08-09 19:50:09 +03:00
committed by GitHub
parent fa848bacff abde466fae
commit e26c0fbadc
1 changed files with 16 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
src/app/turniirid/page.tsx
View File

@@ -56,20 +56,27 @@ export default function Tourney() {
</a> </a>
</div> </div>
</div> </div>
<div className={"mr-4 md:mr-40 md:w-180"}> <div className={"hidden md:block mr-4 md:mr-40 md:w-180"}>
<div className={"-skew-x-2 md:-skew-x-5"}> <div className={"-skew-x-2 md:-skew-x-5"}>
{/* Image needs to be the div that has the skew. Outside div needs to remain so that overflow wont occur*/} {/* Image needs to be the div that has the skew. Outside div needs to remain so that overflow wont occur*/}
<img
src="images/cs2_tournament.png"
alt="CS2 tournament"
/>
</div> </div>
</div> </div>
{/* Image placeholder */}
</div> </div>
<SectionDivider /> <SectionDivider />
<div className={"flex flex-row gap-8 md:gap-16"}> <div className={"flex flex-row gap-8 md:gap-16"}>
<div className={"ml-4 md:ml-40 md:w-180"}> <div className={"hidden md:block ml-4 md:ml-40 md:w-200"}>
<div className={"-skew-x-2 md:-skew-x-5"}> <div className={"-skew-x-2 md:-skew-x-5"}>
{/* Image needs to be the div that has the skew. Outside div needs to remain so that overflow wont occur*/} {/* Image needs to be the div that has the skew. Outside div needs to remain so that overflow wont occur*/}
<img
src="images/lol_tournament.png"
alt="LoL tournament"
/>
</div> </div>
</div> </div>
<div className={"flex-auto mr-8 md:mr-42 text-right -skew-x-2 md:-skew-x-5"}> <div className={"flex-auto mr-8 md:mr-42 text-right -skew-x-2 md:-skew-x-5"}>
@@ -145,12 +152,15 @@ export default function Tourney() {
</a> </a>
</div> </div>
</div> </div>
<div className={"mr-4 md:mr-40 md:w-180"}> <div className="hidden md:block mr-4 md:mr-40 md:w-260">
<div className={"-skew-x-2 md:-skew-x-5"}> <div className="-skew-x-2 md:-skew-x-5">
{/* Image needs to be the div that has the skew. Outside div needs to remain so that overflow wont occur*/} {/* Image needs to be the div that has the skew. Outside div needs to remain so that overflow wont occur*/}
<img
src="images/minitournament.png"
alt="mini tournaments"
/>
</div> </div>
</div> </div>
{/* Image placeholder */}
</div> </div>
<SectionDivider /> <SectionDivider />