diff options
| author | syuilo <4439005+syuilo@users.noreply.github.com> | 2025-03-30 20:51:27 +0900 |
|---|---|---|
| committer | syuilo <4439005+syuilo@users.noreply.github.com> | 2025-03-30 20:51:27 +0900 |
| commit | 393f893a2cddcb237ce11ab4e7423395c94a5cfa (patch) | |
| tree | cad5a16937a5633695d8afe68530818ec407df18 | |
| parent | enhance(frontend): デッキのオプションを追加 (diff) | |
| download | sharkey-393f893a2cddcb237ce11ab4e7423395c94a5cfa.tar.gz sharkey-393f893a2cddcb237ce11ab4e7423395c94a5cfa.tar.bz2 sharkey-393f893a2cddcb237ce11ab4e7423395c94a5cfa.zip | |
🎨
| -rw-r--r-- | packages/frontend/src/ui/deck/column.vue | 25 |
1 files changed, 22 insertions, 3 deletions
diff --git a/packages/frontend/src/ui/deck/column.vue b/packages/frontend/src/ui/deck/column.vue index 8ecac1dc8e..49db34c48f 100644 --- a/packages/frontend/src/ui/deck/column.vue +++ b/packages/frontend/src/ui/deck/column.vue @@ -108,9 +108,7 @@ function getMenu() { const menuItems: MenuItem[] = []; if (props.menu) { - menuItems.push(...props.menu, { - type: 'divider', - }); + menuItems.push(...props.menu); } if (props.refresher) { @@ -125,6 +123,12 @@ function getMenu() { }); } + if (menuItems.length > 0) { + menuItems.push({ + type: 'divider', + }); + } + menuItems.push({ icon: 'ti ti-settings', text: i18n.ts._deck.configureColumn, @@ -153,6 +157,21 @@ function getMenu() { }, }); + const flexibleRef = ref(props.column.flexible ?? false); + + watch(flexibleRef, flexible => { + updateColumn(props.column.id, { + flexible, + }); + }); + + menuItems.push({ + type: 'switch', + icon: 'ti ti-arrows-horizontal', + text: i18n.ts._deck.flexible, + ref: flexibleRef, + }); + const moveToMenuItems: MenuItem[] = []; moveToMenuItems.push({ |