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

* 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`
2023-01-10 13:50:34 +09:00
parent 1688083e9a
commit 1453a0f5cf
7 changed files with 11 additions and 21 deletions
--- a/packages/frontend/src/style.scss
+++ b/packages/frontend/src/style.scss
@@ -6,9 +6,11 @@
 	--marginHalf: 10px;

 	--margin: var(--marginFull);
-
+	--minBottomSpacing: 0px;
+	
 	@media (max-width: 500px) {
 		--margin: var(--marginHalf);
+		--minBottomSpacing: calc(72px + max(12px, env(safe-area-inset-bottom, 0px)));
 	}

 	//--ad: rgb(255 169 0 / 10%);