From 08c85ff42f9ef526714813cd0ecf5712cac7960d Mon Sep 17 00:00:00 2001
From: Nudesuppe42 <jufo.theo@gmail.com>
Date: Sat, 3 Feb 2024 12:03:21 +0100
Subject: [PATCH] fix(gallery): :bug: Hovered Image Info

---
 src/components/GalleryGrid.tsx | 7 +++++--
 src/pages/gallery.tsx          | 6 +++---
 2 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/src/components/GalleryGrid.tsx b/src/components/GalleryGrid.tsx
index c9061c80..efdcd95a 100644
--- a/src/components/GalleryGrid.tsx
+++ b/src/components/GalleryGrid.tsx
@@ -57,17 +57,20 @@ export function GalleryGridImage(i: GalleryGridImageProps) {
 					}}
 					onClick={i.onClick}
 					className={i.href && 'hover-border'}
-					ref={ref}
 					blurDataURL={i.hash}
 				>
 					<div
+						ref={ref}
 						style={{
 							height: '100%',
-							position: 'relative',
+							// position: 'relative',
 							width: '100%',
 							background: 'linear-gradient(160deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0,0.8))',
 							opacity: i.showTooltipOnHover && !hovered ? 0 : 100,
 							transition: 'opacity 0.3s ease-in-out',
+							position: 'absolute',
+							top: 0,
+							right: 0,
 						}}
 					>
 						<div
diff --git a/src/pages/gallery.tsx b/src/pages/gallery.tsx
index a50628e5..782133d7 100644
--- a/src/pages/gallery.tsx
+++ b/src/pages/gallery.tsx
@@ -1,13 +1,13 @@
 import { Box, Container, Group, Image, Modal, Pagination } from '@mantine/core';
 import GalleryGrid, { GalleryGridImage } from '../components/GalleryGrid';
 
+import { GalleryImage } from '../components/Gallery';
 import { NextPage } from 'next';
+import Page from '../components/Page';
+import fetcher from '../utils/Fetcher';
 import { serverSideTranslations } from 'next-i18next/serverSideTranslations';
 import { useRouter } from 'next/router';
 import { useState } from 'react';
-import { GalleryImage } from '../components/Gallery';
-import Page from '../components/Page';
-import fetcher from '../utils/Fetcher';
 
 const MePage: NextPage = ({ data }: any) => {
 	const [activePage, setPage] = useState(1);