From 66366e648626c841839b3af2c92b0e6ecf0e66e2 Mon Sep 17 00:00:00 2001
From: thislight <l1589002388@gmail.com>
Date: Mon, 5 Aug 2024 16:44:12 +0800
Subject: [PATCH] MediaViewer: apply insets padding

---
 src/timelines/MediaViewer.tsx | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/src/timelines/MediaViewer.tsx b/src/timelines/MediaViewer.tsx
index 577dd12..65da782 100644
--- a/src/timelines/MediaViewer.tsx
+++ b/src/timelines/MediaViewer.tsx
@@ -128,6 +128,13 @@ const MediaViewer: ParentComponent<MediaViewerProps> = (props) => {
       left: 0;
       z-index: 1;
       cursor: ${dragging() ? "grabbing" : "grab"};
+      padding-left: var(--safe-area-inset-left, 0);
+      padding-right: var(--safe-area-inset-right, 0);
+      padding-bottom: var(--safe-area-inset-bottom, 0);
+
+      :global(> .MuiToolbar-root) {
+        padding-top: var(--safe-area-inset-top, 0);
+      }
     }
 
     .left-dock {