From 0ba1ba05ac5ad307d86aedd2de8cc95614a55842 Mon Sep 17 00:00:00 2001
From: Kieran <kieran@harkin.me>
Date: Wed, 18 Oct 2023 13:33:13 +0100
Subject: [PATCH] fix: spotlight media styles

---
 packages/app/src/Element/{Deck => }/SpotlightMedia.css | 6 +++---
 packages/app/src/Element/{Deck => }/SpotlightMedia.tsx | 0
 packages/app/src/Element/Text.tsx                      | 2 +-
 packages/app/src/Pages/DeckLayout.tsx                  | 2 +-
 packages/app/src/Pages/Profile/ProfilePage.tsx         | 2 +-
 5 files changed, 6 insertions(+), 6 deletions(-)
 rename packages/app/src/Element/{Deck => }/SpotlightMedia.css (87%)
 rename packages/app/src/Element/{Deck => }/SpotlightMedia.tsx (100%)

diff --git a/packages/app/src/Element/Deck/SpotlightMedia.css b/packages/app/src/Element/SpotlightMedia.css
similarity index 87%
rename from packages/app/src/Element/Deck/SpotlightMedia.css
rename to packages/app/src/Element/SpotlightMedia.css
index c5852398..ed19150a 100644
--- a/packages/app/src/Element/Deck/SpotlightMedia.css
+++ b/packages/app/src/Element/SpotlightMedia.css
@@ -12,9 +12,9 @@
 
 .spotlight img,
 .spotlight video {
-  max-width: 100vw;
-  max-height: 99vh;
-  aspect-ratio: unset;
+  max-width: 100vw !important;
+  max-height: 99vh !important;
+  aspect-ratio: unset !important;
   width: unset !important;
 }
 
diff --git a/packages/app/src/Element/Deck/SpotlightMedia.tsx b/packages/app/src/Element/SpotlightMedia.tsx
similarity index 100%
rename from packages/app/src/Element/Deck/SpotlightMedia.tsx
rename to packages/app/src/Element/SpotlightMedia.tsx
diff --git a/packages/app/src/Element/Text.tsx b/packages/app/src/Element/Text.tsx
index 81be27d1..9730d356 100644
--- a/packages/app/src/Element/Text.tsx
+++ b/packages/app/src/Element/Text.tsx
@@ -9,7 +9,7 @@ import HyperText from "Element/HyperText";
 import CashuNuts from "Element/Embed/CashuNuts";
 import RevealMedia from "./Event/RevealMedia";
 import { ProxyImg } from "./ProxyImg";
-import { SpotlightMediaModal } from "./Deck/SpotlightMedia";
+import { SpotlightMediaModal } from "./SpotlightMedia";
 import HighlightedText from "./HighlightedText";
 import { useTextTransformer } from "Hooks/useTextTransformCache";
 
diff --git a/packages/app/src/Pages/DeckLayout.tsx b/packages/app/src/Pages/DeckLayout.tsx
index 2334b0c3..b9260ed4 100644
--- a/packages/app/src/Pages/DeckLayout.tsx
+++ b/packages/app/src/Pages/DeckLayout.tsx
@@ -17,7 +17,7 @@ import useImgProxy from "Hooks/useImgProxy";
 import Modal from "Element/Modal";
 import { Thread } from "Element/Event/Thread";
 import { RootTabs } from "Element/RootTabs";
-import { SpotlightMedia } from "Element/Deck/SpotlightMedia";
+import { SpotlightMedia } from "Element/SpotlightMedia";
 import { ThreadContext, ThreadContextWrapper } from "Hooks/useThreadContext";
 import Toaster from "Toaster";
 import useLogin from "Hooks/useLogin";
diff --git a/packages/app/src/Pages/Profile/ProfilePage.tsx b/packages/app/src/Pages/Profile/ProfilePage.tsx
index 09dd6587..22e706f5 100644
--- a/packages/app/src/Pages/Profile/ProfilePage.tsx
+++ b/packages/app/src/Pages/Profile/ProfilePage.tsx
@@ -50,7 +50,7 @@ import { ZapTarget } from "Zapper";
 import { useStatusFeed } from "Feed/StatusFeed";
 
 import messages from "../messages";
-import { SpotlightMediaModal } from "Element/Deck/SpotlightMedia";
+import { SpotlightMediaModal } from "Element/SpotlightMedia";
 import ProfileTab, {
   BookMarksTab,
   FollowersTab,