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

fix image skew on tourn page

Browse Source
This commit is contained in:
SwagMuffin88
2025-08-12 11:17:11 +03:00
parent 85d0cbead4
commit e6bd09616f
1 changed files with 7 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -19,6 +19,7 @@ export default function Tourney() {
{/* Kui tahate oma oskusi proovile panna, siis vaadake siia tagasi! Rohkem*/} {/* Kui tahate oma oskusi proovile panna, siis vaadake siia tagasi! Rohkem*/}
{/* infot lähiajal.*/} {/* infot lähiajal.*/}
{/*</p>*/} {/*</p>*/}
<div className="flex flex-col gap-8 md:gap-16"> <div className="flex flex-col gap-8 md:gap-16">
{/* CS2 turniir */} {/* CS2 turniir */}
<div className="grid grid-cols-1 md:grid-cols-2 gap-8 md:gap-16 items-center mx-8 md:mx-16 lg:mx-32 xl:mx-48"> <div className="grid grid-cols-1 md:grid-cols-2 gap-8 md:gap-16 items-center mx-8 md:mx-16 lg:mx-32 xl:mx-48">
@@ -59,8 +60,8 @@ export default function Tourney() {
</div> </div>
</div> </div>
<div className="hidden md:block"> <div className="hidden md:block">
<div className="-skew-x-2 md:-skew-x-5"> <div>
{/* Image needs to be the div that has the skew. Outside div needs to remain so that overflow wont occur*/} {/* Outside div needs to remain so that overflow won't occur*/}
<Image <Image
src="/images/cs2_tournament_logo.png" src="/images/cs2_tournament_logo.png"
alt="CS2 tournament" alt="CS2 tournament"
@@ -76,8 +77,8 @@ export default function Tourney() {
{/* LoL turniir */} {/* LoL turniir */}
<div className="grid grid-cols-1 md:grid-cols-2 gap-8 md:gap-16 items-center mx-8 md:mx-16 lg:mx-32 xl:mx-48"> <div className="grid grid-cols-1 md:grid-cols-2 gap-8 md:gap-16 items-center mx-8 md:mx-16 lg:mx-32 xl:mx-48">
<div className="hidden md:block"> <div className="hidden md:block">
<div className="-skew-x-2 md:-skew-x-5"> <div>
{/* Image needs to be the div that has the skew. Outside div needs to remain so that overflow wont occur*/} {/* Outside div needs to remain so that overflow won't occur*/}
<Image <Image
src="/images/lol_tournament_logo.png" src="/images/lol_tournament_logo.png"
alt="LoL tournament" alt="LoL tournament"
@@ -161,8 +162,8 @@ export default function Tourney() {
</div> </div>
</div> </div>
<div className="hidden md:block"> <div className="hidden md:block">
<div className="-skew-x-2 md:-skew-x-5"> <div>
{/* Image needs to be the div that has the skew. Outside div needs to remain so that overflow wont occur*/} {/* Outside div needs to remain so that overflow won't occur*/}
<Image <Image
src="/images/minitournament_logo.png" src="/images/minitournament_logo.png"
alt="mini tournaments" alt="mini tournaments"