fix(client): 🎨 fix MkEmojiPicker safe-area-inset-bottom

Fix https://github.com/misskey-dev/misskey/pull/10534
2023-04-10 16:42:44 +00:00
parent da64273b43
commit 567c66567e
1 changed files with 4 additions and 1 deletions
--- a/packages/frontend/src/components/MkEmojiPicker.vue
+++ b/packages/frontend/src/components/MkEmojiPicker.vue
@@ -439,7 +439,6 @@ defineExpose({

 	&.asDrawer {
 		width: 100% !important;
-		padding: 12px 0 max(env(safe-area-inset-bottom, 0px), 12px) 0;

 		> .emojis {
 			::v-deep(section) {
@@ -498,6 +497,10 @@ defineExpose({
 		background: transparent;
 		color: var(--fg);

+		&:not(:focus):not(.filled) {
+			margin-bottom: env(safe-area-inset-bottom, 0px);
+		}
+
 		&:not(.filled) {
 			order: 1;
 			z-index: 2;