🎨

packages/client/src/components/emoji-picker.vue

@@ -391,6 +391,13 @@ export default defineComponent({
 
 		> .emojis {
 			::v-deep(section) {
+				> header {
+					height: 32px;
+					line-height: 32px;
+					padding: 0 12px;
+					font-size: 15px;
+				}
+
 				> div {
 					display: grid;
 					grid-template-columns: var(--columns);

packages/client/src/components/ui/modal.vue

@@ -102,7 +102,7 @@ export default defineComponent({
 		};
 
 		if (type.value === 'drawer') {
-			maxHeight.value = 300;
+			maxHeight.value = window.innerHeight - 100;
 		}
 
 		const keymap = {

packages/client/src/pages/my-groups/group.vue

@@ -2,7 +2,7 @@
 <div class="mk-group-page">
 	<transition name="zoom" mode="out-in">
 		<div v-if="group" class="_section">
-			<div class="_content">
+			<div class="_content" style="display: flex; gap: var(--margin); flex-wrap: wrap;">
 				<MkButton inline @click="invite()">{{ $ts.invite }}</MkButton>
 				<MkButton inline @click="renameGroup()">{{ $ts.rename }}</MkButton>
 				<MkButton inline @click="transfer()">{{ $ts.transfer }}</MkButton>

packages/client/src/style.scss

@@ -346,7 +346,7 @@ hr {
 ._popup {
 	background: var(--popup);
 	border-radius: var(--radius);
-	contain: contain;
+	contain: content;
 }
 
 // TODO: 廃止