lapikud
/
tipilan
mirror of https://github.com/Lapikud/tipilan
3
0
Fork 0
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
pull/28/head
Kerdo Käärma 4 months ago committed by GitHub
parent fa848bacff abde466fae
commit e26c0fbadc
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 16 additions and 6 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 22
      src/app/turniirid/page.tsx

22
src/app/turniirid/page.tsx
Unescape 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 />

Write Preview
Loading…
Cancel
Save