Mizah/Sharkey
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

画面下部に必要なスペース関連の改善 (#9509)

Browse source 
* enhance: apply same safe area processing to the tab bar

* fix: remove unnecessary bottom space on messaging room

* enhance bottom spacing

* fix size of `minBottomSpacing`
This commit is contained in:
あずき⪥™ 2023-01-10 13:50:34 +09:00 • committed by GitHub
parent 1688083e9a
commit 1453a0f5cf
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
7 changed files with 11 additions and 21 deletions
Download patch file Download diff file Expand all files Collapse all files

11
packages/frontend/src/ui/_common_/common.vue
View file

@ -98,10 +98,10 @@ if ($i) {
}
}
@media (max-width: 700px) {
@media (max-width: 500px) {
top: initial;
bottom: 112px;
padding: 0 16px;
bottom: calc(var(--minBottomSpacing) + var(--margin));
padding: 0 var(--margin);
display: flex;
flex-direction: column-reverse;
@ -112,11 +112,6 @@ if ($i) {
}
}
}
@media (max-width: 500px) {
bottom: calc(env(safe-area-inset-bottom, 0px) + 92px);
padding: 0 8px;
}
}
</style>

4
packages/frontend/src/ui/_common_/stream-indicator.vue
View file

@ -38,8 +38,8 @@ onUnmounted(() => {
.nsbbhtug {
position: fixed;
z-index: 16385;
bottom: 8px;
right: 8px;
bottom: calc(var(--minBottomSpacing) + var(--margin));
right: var(--margin);
margin: 0;
padding: 6px 12px;
font-size: 0.9em;

8
packages/frontend/src/ui/universal.vue
View file

@ -392,12 +392,6 @@ $widgets-hide-threshold: 1090px;
}
.spacer {
$widgets-hide-threshold: 1090px;
height: calc(env(safe-area-inset-bottom, 0px) + 96px);
@media (min-width: ($widgets-hide-threshold + 1px)) {
display: none;
}
height: calc(var(--minBottomSpacing));
}
</style>