update: fix cover_images positioning

This commit is contained in:
MTG2000
2022-09-13 09:36:08 +03:00
parent 997debe44c
commit 5b263aca01
3 changed files with 3 additions and 3 deletions

View File

@@ -38,7 +38,7 @@ export default function NavDesktop() {
return (
<nav className="bg-white py-16 flex items-center w-full min-w-full">
<nav className="bg-white py-16 w-full min-w-full">
<div className="content-container">
<div className="flex items-center">
<Link to="/">

View File

@@ -77,7 +77,7 @@ export default function Header() {
<div className="w-full flex gap-16">
<div className="flex-[0_0_100%] rounded-20 min-h-[280px] relative overflow-hidden p-24 flex flex-col items-start justify-end">
<img
className="w-full h-full object-cover object-top absolute top-0 left-0 z-[-2]"
className="w-full h-full object-cover object-center absolute top-0 left-0 z-[-2]"
src={bannerData.img}
alt=""
/>

View File

@@ -16,7 +16,7 @@ export default function Header() {
<title>{tournamentDetails.title} Tournament</title>
</Helmet>
<div className="w-full p-16 md:p-24 flex flex-col h-[280px] relative mb-[-1px]">
<img src={tournamentDetails.cover_image} className='absolute inset-0 h-full w-full object-cover object-top' alt="" />
<img src={tournamentDetails.cover_image} className='absolute inset-0 h-full w-full object-cover object-center' alt="" />
<div className='absolute inset-0 h-full w-full bg-black bg-opacity-50 ' />
<div className="content-container mt-auto">
<div className=" text-white flex flex-col md:flex-row gap-16 md:gap-32 relative" style={{ marginTop: 'auto' }}>