fix(ui): use safe inset top to fix windows overlays, fixed #1184

Signed-off-by: Innei <tukon479@gmail.com>
RSSNext · Oct 27, 2024 · dc85570 · dc85570
1 parent 6786e20
commit dc85570
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 3 deletions.
diff --git a/apps/renderer/src/components/ui/media/preview-media.tsx b/apps/renderer/src/components/ui/media/preview-media.tsx
@@ -39,7 +39,7 @@ const Wrapper: Component<{
         exit={{
           opacity: 0,
         }}
-        className="fixed right-3 top-2 flex items-center gap-4"
+        className="fixed right-3 flex items-center gap-4 safe-inset-top-2"
       >
         <FixedModalCloseButton onClick={dismiss} />
       </m.div>

diff --git a/apps/renderer/src/components/ui/modal/inspire/PeekModal.tsx b/apps/renderer/src/components/ui/modal/inspire/PeekModal.tsx
@@ -38,7 +38,7 @@ export const PeekModal = (
         exit={{
           opacity: 0,
         }}
-        className="fixed right-3 top-2 flex items-center gap-4"
+        className="fixed right-3 flex items-center gap-4 safe-inset-top-2"
       >
         <Tooltip>
           <TooltipTrigger asChild>

diff --git a/apps/renderer/src/modules/entry-column/Items/video-item.tsx b/apps/renderer/src/modules/entry-column/Items/video-item.tsx
@@ -137,7 +137,7 @@ const PreviewVideoModalContent: ModalContentComponent<{
         exit={{
           opacity: 0,
         }}
-        className="fixed right-3 top-2 flex items-center gap-4"
+        className="fixed right-3 flex items-center gap-4 safe-inset-top-2"
       >
         <FixedModalCloseButton onClick={dismiss} />
       </m.div>