From b16a10215058585168d5b8c6ed039163da3fca34 Mon Sep 17 00:00:00 2001
From: jxxghp <jxxghp@163.com>
Date: Mon, 8 May 2023 18:27:44 +0800
Subject: [PATCH] fix ui bug

---
 .github/workflows/build-dev.yml     | 2 +-
 .github/workflows/build-package.yml | 2 +-
 .github/workflows/build.yml         | 2 +-
 web/static/css/style.css            | 5 +++++
 4 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/.github/workflows/build-dev.yml b/.github/workflows/build-dev.yml
index fc1a76bb..b253d0ef 100644
--- a/.github/workflows/build-dev.yml
+++ b/.github/workflows/build-dev.yml
@@ -47,4 +47,4 @@ jobs:
             linux/arm64
           push: true
           tags: |
-            ${{ secrets.DOCKER_USERNAME }}/nas-tools:latest-beta
+            ${{ secrets.DOCKER_USERNAME }}/nas-tools:latest-beta
\ No newline at end of file
diff --git a/.github/workflows/build-package.yml b/.github/workflows/build-package.yml
index 0c9c4553..92ac056d 100644
--- a/.github/workflows/build-package.yml
+++ b/.github/workflows/build-package.yml
@@ -281,4 +281,4 @@ jobs:
         token: ${{ secrets.TELEGRAM_TOKEN }}
         format: markdown
         message: |
-            ${{ github.event.commits[0].message }}
\ No newline at end of file
+            ${{ github.event.commits[0].message }}
diff --git a/.github/workflows/build.yml b/.github/workflows/build.yml
index e8bc31c8..5881975d 100644
--- a/.github/workflows/build.yml
+++ b/.github/workflows/build.yml
@@ -54,4 +54,4 @@ jobs:
           push: true
           tags: |
             ${{ secrets.DOCKER_USERNAME }}/nas-tools:latest
-            ${{ secrets.DOCKER_USERNAME }}/nas-tools:${{ env.app_version }}
\ No newline at end of file
+            ${{ secrets.DOCKER_USERNAME }}/nas-tools:${{ env.app_version }}
diff --git a/web/static/css/style.css b/web/static/css/style.css
index eba956e5..1ffe4512 100644
--- a/web/static/css/style.css
+++ b/web/static/css/style.css
@@ -125,6 +125,11 @@ body, .page {
     height: 350px;
 }
 
+.custom-media-info-height {
+    height: calc(env(safe-area-inset-top) + var(--safe-area-inset-top) + 541px);
+    border: none;
+}
+
 @media (max-width: 768px) {
     .lit-media-info-image {
         width: 150px;