summaryrefslogtreecommitdiff
path: root/packages
diff options
context:
space:
mode:
authorsyuilo <4439005+syuilo@users.noreply.github.com>2025-03-30 20:51:27 +0900
committersyuilo <4439005+syuilo@users.noreply.github.com>2025-03-30 20:51:27 +0900
commit393f893a2cddcb237ce11ab4e7423395c94a5cfa (patch)
treecad5a16937a5633695d8afe68530818ec407df18 /packages
parentenhance(frontend): デッキのオプションを追加 (diff)
downloadsharkey-393f893a2cddcb237ce11ab4e7423395c94a5cfa.tar.gz
sharkey-393f893a2cddcb237ce11ab4e7423395c94a5cfa.tar.bz2
sharkey-393f893a2cddcb237ce11ab4e7423395c94a5cfa.zip
🎨
Diffstat (limited to 'packages')
-rw-r--r--packages/frontend/src/ui/deck/column.vue25
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({