diff options
| author | syuilo <Syuilotan@yahoo.co.jp> | 2022-07-04 21:28:59 +0900 |
|---|---|---|
| committer | syuilo <Syuilotan@yahoo.co.jp> | 2022-07-04 21:28:59 +0900 |
| commit | 65c12903e4530ef649223f68e8b316d8d6b8c6fa (patch) | |
| tree | dc23b36ea88e0068e58eb6cec91fe73bb96e66a2 /packages/client/src | |
| parent | enhance(client): tweak statusbar (diff) | |
| download | misskey-65c12903e4530ef649223f68e8b316d8d6b8c6fa.tar.gz misskey-65c12903e4530ef649223f68e8b316d8d6b8c6fa.tar.bz2 misskey-65c12903e4530ef649223f68e8b316d8d6b8c6fa.zip | |
enhance(client): deckのウイジェットカラムが未設定の時に説明を表示するように
Diffstat (limited to 'packages/client/src')
| -rw-r--r-- | packages/client/src/ui/deck/widgets-column.vue | 7 |
1 files changed, 7 insertions, 0 deletions
diff --git a/packages/client/src/ui/deck/widgets-column.vue b/packages/client/src/ui/deck/widgets-column.vue index 9b10f602fb..f181fc328d 100644 --- a/packages/client/src/ui/deck/widgets-column.vue +++ b/packages/client/src/ui/deck/widgets-column.vue @@ -3,6 +3,7 @@ <template #header><i class="fas fa-window-maximize" style="margin-right: 8px;"></i>{{ column.name }}</template> <div class="wtdtxvec"> + <div v-if="!(column.widgets && column.widgets.length > 0) && !edit" class="intro">{{ i18n.ts._deck.widgetsIntroduction }}</div> <XWidgets :edit="edit" :widgets="column.widgets" @add-widget="addWidget" @remove-widget="removeWidget" @update-widget="updateWidget" @update-widgets="updateWidgets" @exit="edit = false"/> </div> </XColumn> @@ -13,6 +14,7 @@ import { } from 'vue'; import XColumn from './column.vue'; import { addColumnWidget, Column, removeColumnWidget, setColumnWidgets, updateColumnWidget } from './deck-store'; import XWidgets from '@/components/widgets.vue'; +import { i18n } from '@/i18n'; const props = defineProps<{ column: Column; @@ -52,5 +54,10 @@ function func() { --panelBorder: none; padding: 0 var(--margin); + + > .intro { + padding: 16px; + text-align: center; + } } </style> |