refactor: update positioning of NumberPlate in SightingOverview and clean up unused variables in SightingWidget

2025-09-26 14:47:34 +01:00
parent c3d273f29d
commit d308dd5c0e
2 changed files with 6 additions and 14 deletions
--- a/src/components/SightingOverview/SightingOverview.tsx
+++ b/src/components/SightingOverview/SightingOverview.tsx
@@ -28,14 +28,13 @@ const SightingOverview = () => {

  return (
    <div className="flex flex-col md:flex-row">
-      {mostRecent && (
-        <div className="z-30 px-1 pt-2">
-          <NumberPlate vrm={mostRecent?.vrm} size="sm" />
-        </div>
-      )}
-
      <NavigationArrow side={side} />
      <div className="w-full">
+        {mostRecent && (
+          <div className="absolute inset-0 z-50 px-1 pt-2">
+            <NumberPlate vrm={mostRecent?.vrm} size="sm" />
+          </div>
+        )}
        <img
          ref={imgRef}
          onLoad={() => {