diff options
| author | syuilo <Syuilotan@yahoo.co.jp> | 2021-04-13 12:43:19 +0900 |
|---|---|---|
| committer | syuilo <Syuilotan@yahoo.co.jp> | 2021-04-13 12:43:19 +0900 |
| commit | 7f2356ba4bf45b1a240c557d942ef10effb092d4 (patch) | |
| tree | e95a09a398cb6e7d1b6bdd783c79df3eebe358cd /src/client/components/notification-setting-window.vue | |
| parent | fix bug (diff) | |
| download | misskey-7f2356ba4bf45b1a240c557d942ef10effb092d4.tar.gz misskey-7f2356ba4bf45b1a240c557d942ef10effb092d4.tar.bz2 misskey-7f2356ba4bf45b1a240c557d942ef10effb092d4.zip | |
Tweak UI
Diffstat (limited to 'src/client/components/notification-setting-window.vue')
| -rw-r--r-- | src/client/components/notification-setting-window.vue | 24 |
1 files changed, 13 insertions, 11 deletions
diff --git a/src/client/components/notification-setting-window.vue b/src/client/components/notification-setting-window.vue index 3d17497971..5f16c042bf 100644 --- a/src/client/components/notification-setting-window.vue +++ b/src/client/components/notification-setting-window.vue @@ -9,17 +9,19 @@ @closed="$emit('closed')" > <template #header>{{ $ts.notificationSetting }}</template> - <div v-if="showGlobalToggle" class="_root"> - <MkSwitch v-model:value="useGlobalSetting"> - {{ $ts.useGlobalSetting }} - <template #desc>{{ $ts.useGlobalSettingDesc }}</template> - </MkSwitch> - </div> - <div v-if="!useGlobalSetting" class="_root"> - <MkInfo>{{ $ts.notificationSettingDesc }}</MkInfo> - <MkButton inline @click="disableAll">{{ $ts.disableAll }}</MkButton> - <MkButton inline @click="enableAll">{{ $ts.enableAll }}</MkButton> - <MkSwitch v-for="type in notificationTypes" :key="type" v-model:value="typesMap[type]">{{ $t(`_notification._types.${type}`) }}</MkSwitch> + <div class="_monolithic_"> + <div v-if="showGlobalToggle" class="_section"> + <MkSwitch v-model:value="useGlobalSetting"> + {{ $ts.useGlobalSetting }} + <template #desc>{{ $ts.useGlobalSettingDesc }}</template> + </MkSwitch> + </div> + <div v-if="!useGlobalSetting" class="_section"> + <MkInfo>{{ $ts.notificationSettingDesc }}</MkInfo> + <MkButton inline @click="disableAll">{{ $ts.disableAll }}</MkButton> + <MkButton inline @click="enableAll">{{ $ts.enableAll }}</MkButton> + <MkSwitch v-for="type in notificationTypes" :key="type" v-model:value="typesMap[type]">{{ $t(`_notification._types.${type}`) }}</MkSwitch> + </div> </div> </XModalWindow> </template> |