From 446e4ce0c3193fe6ead9ec2969424816a2c33a28 Mon Sep 17 00:00:00 2001
From: tamaina <tamaina@hotmail.co.jp>
Date: Sat, 5 Mar 2022 02:00:45 +0900
Subject: fix: iPhone X以降(?)でページの内容が全て表示しきれないのを修正
 (#8375)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* add safe-area-inset-bottom to spacer

* fix

* :v:

* fix
---
 packages/client/src/components/notification-toast.vue | 2 +-
 packages/client/src/ui/universal.vue                  | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/client/src/components/notification-toast.vue b/packages/client/src/components/notification-toast.vue
index 4c5783e523..b808647bb4 100644
--- a/packages/client/src/components/notification-toast.vue
+++ b/packages/client/src/components/notification-toast.vue
@@ -53,7 +53,7 @@ onMounted(() => {
 	}
 
 	@media (max-width: 500px) {
-		bottom: 92px;
+		bottom: calc(env(safe-area-inset-bottom, 0px) + 92px);
 		padding: 0 8px;
 	}
 
diff --git a/packages/client/src/ui/universal.vue b/packages/client/src/ui/universal.vue
index 000fec9b40..a5ff7a6255 100644
--- a/packages/client/src/ui/universal.vue
+++ b/packages/client/src/ui/universal.vue
@@ -265,7 +265,7 @@ const wallpaper = localStorage.getItem('wallpaper') != null;
 			min-width: 0;
 
 			> .spacer {
-				height: 82px;
+				height: calc(env(safe-area-inset-bottom, 0px) + 96px);
 
 				@media (min-width: ($widgets-hide-threshold + 1px)) {
 					display: none;
-- 
cgit v1.3.1-freya