mirror of
https://github.com/aljazceru/landscape-template.git
synced 2026-02-15 03:24:29 +01:00
update: fix cover_images positioning
This commit is contained in:
@@ -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="/">
|
||||
|
||||
@@ -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=""
|
||||
/>
|
||||
|
||||
@@ -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' }}>
|
||||
|
||||
Reference in New Issue
Block a user