From 5b263aca01cab0b5f552b46f862b1ee685702ca8 Mon Sep 17 00:00:00 2001
From: MTG2000 <mtg0987654321@gmail.com>
Date: Tue, 13 Sep 2022 09:36:08 +0300
Subject: [PATCH] update: fix cover_images positioning

---
 src/Components/Navbar/NavDesktop.tsx                            | 2 +-
 src/features/Projects/pages/ExplorePage/Header/Header.tsx       | 2 +-
 .../Tournaments/pages/TournamentDetailsPage/Header/Header.tsx   | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/Components/Navbar/NavDesktop.tsx b/src/Components/Navbar/NavDesktop.tsx
index f6804f6..3088142 100644
--- a/src/Components/Navbar/NavDesktop.tsx
+++ b/src/Components/Navbar/NavDesktop.tsx
@@ -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="/">
diff --git a/src/features/Projects/pages/ExplorePage/Header/Header.tsx b/src/features/Projects/pages/ExplorePage/Header/Header.tsx
index 341646f..f4140e7 100644
--- a/src/features/Projects/pages/ExplorePage/Header/Header.tsx
+++ b/src/features/Projects/pages/ExplorePage/Header/Header.tsx
@@ -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=""
             />
diff --git a/src/features/Tournaments/pages/TournamentDetailsPage/Header/Header.tsx b/src/features/Tournaments/pages/TournamentDetailsPage/Header/Header.tsx
index 7071565..f65733e 100644
--- a/src/features/Tournaments/pages/TournamentDetailsPage/Header/Header.tsx
+++ b/src/features/Tournaments/pages/TournamentDetailsPage/Header/Header.tsx
@@ -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' }}>