diff options
| author | tamaina <tamaina@hotmail.co.jp> | 2022-03-05 02:00:45 +0900 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2022-03-05 02:00:45 +0900 |
| commit | 446e4ce0c3193fe6ead9ec2969424816a2c33a28 (patch) | |
| tree | d81217ca5e45aa0baf6baa98baadaa66dc4c8331 | |
| parent | fix (diff) | |
| download | misskey-446e4ce0c3193fe6ead9ec2969424816a2c33a28.tar.gz misskey-446e4ce0c3193fe6ead9ec2969424816a2c33a28.tar.bz2 misskey-446e4ce0c3193fe6ead9ec2969424816a2c33a28.zip | |
fix: iPhone X以降(?)でページの内容が全て表示しきれないのを修正 (#8375)
* add safe-area-inset-bottom to spacer
* fix
* :v:
* fix
| -rw-r--r-- | packages/client/src/components/notification-toast.vue | 2 | ||||
| -rw-r--r-- | 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; |