diff options
Diffstat (limited to 'packages/frontend/src/components/MkNotificationSettingWindow.vue')
| -rw-r--r-- | packages/frontend/src/components/MkNotificationSettingWindow.vue | 10 |
1 files changed, 5 insertions, 5 deletions
diff --git a/packages/frontend/src/components/MkNotificationSettingWindow.vue b/packages/frontend/src/components/MkNotificationSettingWindow.vue index e58a11bf5c..671865f629 100644 --- a/packages/frontend/src/components/MkNotificationSettingWindow.vue +++ b/packages/frontend/src/components/MkNotificationSettingWindow.vue @@ -1,5 +1,5 @@ <template> -<XModalWindow +<MkModalWindow ref="dialog" :width="400" :height="450" @@ -21,7 +21,7 @@ </template> <template v-if="!useGlobalSetting"> <MkInfo>{{ i18n.ts.notificationSettingDesc }}</MkInfo> - <div style="display: flex; gap: var(--margin); flex-wrap: wrap;"> + <div class="_buttons"> <MkButton inline @click="disableAll">{{ i18n.ts.disableAll }}</MkButton> <MkButton inline @click="enableAll">{{ i18n.ts.enableAll }}</MkButton> </div> @@ -29,7 +29,7 @@ </template> </div> </MkSpacer> -</XModalWindow> +</MkModalWindow> </template> <script lang="ts" setup> @@ -38,7 +38,7 @@ import { notificationTypes } from 'misskey-js'; import MkSwitch from './form/switch.vue'; import MkInfo from './MkInfo.vue'; import MkButton from './MkButton.vue'; -import XModalWindow from '@/components/MkModalWindow.vue'; +import MkModalWindow from '@/components/MkModalWindow.vue'; import { i18n } from '@/i18n'; const emit = defineEmits<{ @@ -56,7 +56,7 @@ const props = withDefaults(defineProps<{ let includingTypes = $computed(() => props.includingTypes || []); -const dialog = $shallowRef<InstanceType<typeof XModalWindow>>(); +const dialog = $shallowRef<InstanceType<typeof MkModalWindow>>(); let typesMap = $ref<Record<typeof notificationTypes[number], boolean>>({}); let useGlobalSetting = $ref((includingTypes === null || includingTypes.length === 0) && props.showGlobalToggle); |