mirror/cherrypick
1
1
Fork 0
mirror of https://github.com/kokonect-link/cherrypick synced 2024-11-28 23:09:10 +09:00
Code

fix: iPhone X以降(?)でページの内容が全て表示しきれないのを修正 (#8375)

Browse Source 
* add safe-area-inset-bottom to spacer

* fix

* ✌️

* fix
This commit is contained in:
tamaina 2022-03-05 02:00:45 +09:00 committed by GitHub
parent 5431b51249
commit 446e4ce0c3
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
packages/client/src/components/notification-toast.vue
View File

@ -53,7 +53,7 @@ onMounted(() => {
} }
@media (max-width: 500px) { @media (max-width: 500px) {
bottom: 92px; bottom: calc(env(safe-area-inset-bottom, 0px) + 92px);
padding: 0 8px; padding: 0 8px;
} }

2
packages/client/src/ui/universal.vue
View File

@ -265,7 +265,7 @@ const wallpaper = localStorage.getItem('wallpaper') != null;
min-width: 0; min-width: 0;
> .spacer { > .spacer {
height: 82px; height: calc(env(safe-area-inset-bottom, 0px) + 96px);
@media (min-width: ($widgets-hide-threshold + 1px)) { @media (min-width: ($widgets-hide-threshold + 1px)) {
display: none; display: none;