enhance(client): 付箋ウィジェットの高さを設定可能に

CHANGELOG.md

@@ -21,6 +21,7 @@ You should also include the user name that made the change.
 - 透明なWebP/AVIF映像はJPEGではなくWebPに変換するように
 - アクティブユーザー数チャートの記録上限値を拡張
 - Playのソースコード上限文字数を2倍に拡張
+- 付箋ウィジェットの高さを設定可能に
 
 ### Bugfixes
 - プロフィールで設定した情報が削除できない問題を修正

packages/frontend/src/widgets/WidgetMemo.vue

@@ -4,7 +4,7 @@
 	<template #header>{{ i18n.ts._widgets.memo }}</template>
 
 	<div :class="$style.root">
-		<textarea v-model="text" :class="$style.textarea" :placeholder="i18n.ts.placeholder" @input="onChange"></textarea>
+		<textarea v-model="text" :style="`height: ${widgetProps.height}px;`" :class="$style.textarea" :placeholder="i18n.ts.placeholder" @input="onChange"></textarea>
 		<button :class="$style.save" :disabled="!changed" class="_buttonPrimary" @click="saveMemo">{{ i18n.ts.save }}</button>
 	</div>
 </MkContainer>
@@ -25,6 +25,10 @@ const widgetPropsDef = {
 		type: 'boolean' as const,
 		default: true,
 	},
+	height: {
+		type: 'number' as const,
+		default: 100,
+	},
 };
 
 type WidgetProps = GetFormResultType<typeof widgetPropsDef>;