diff --git a/src/web/app/desktop/ui.styl b/src/web/app/desktop/ui.styl index 058271876b0889a157b70bde166c229e2114e1f8..5a8d1718e2af75d5752f78ce26d4f45d6e27ce8f 100644 --- a/src/web/app/desktop/ui.styl +++ b/src/web/app/desktop/ui.styl @@ -22,6 +22,9 @@ button.ui border-radius 4px outline none + &.block + display block + &:focus &:after content "" diff --git a/src/web/app/desktop/views/components/settings.vue b/src/web/app/desktop/views/components/settings.vue index 20d7a77715d7962d0ea105a8d721b6e86ae7e707..cba14f5f95b1368d91af423e4ea8eec68f1c9f2d 100644 --- a/src/web/app/desktop/views/components/settings.vue +++ b/src/web/app/desktop/views/components/settings.vue @@ -28,7 +28,7 @@ <section class="web" v-show="page == 'web'"> <h1>モãƒã‚¤ãƒ«</h1> - <mk-switch v-model="os.i.client_settings.disableViaMobile" @change="onChangeDisableViaMobile" text="モãƒã‚¤ãƒ«ã‹ã‚‰ã®æŠ•ç¨¿ã¨ãƒ•ãƒ©ã‚°ã‚’付ã‘ãªã„"/> + <mk-switch v-model="os.i.client_settings.disableViaMobile" @change="onChangeDisableViaMobile" text="「モãƒã‚¤ãƒ«ã‹ã‚‰ã®æŠ•ç¨¿ã€ãƒ•ãƒ©ã‚°ã‚’付ã‘ãªã„"/> </section> <section class="web" v-show="page == 'web'"> @@ -109,10 +109,16 @@ <span>最新ã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³: <i>{{ latestVersion ? latestVersion : version }}</i></span> </template> </p> - <button class="ui button" @click="checkForUpdate" :disabled="checkingForUpdate"> + <button class="ui button block" @click="checkForUpdate" :disabled="checkingForUpdate"> <template v-if="checkingForUpdate">アップデートを確èªä¸<mk-ellipsis/></template> <template v-else>アップデートを確èª</template> </button> + <details> + <summary>詳細è¨å®š</summary> + <mk-switch v-model="preventUpdate" text="アップデートを延期ã™ã‚‹(éžæŽ¨å¥¨)"> + <span>ã“ã®è¨å®šã‚’オンã«ã—ã¦ã‚‚アップデートãŒåæ˜ ã•ã‚Œã‚‹å ´åˆãŒã‚ã‚Šã¾ã™ã€‚ã“ã®è¨å®šã¯ã“ã®ãƒ‡ãƒã‚¤ã‚¹ã®ã¿æœ‰åŠ¹ã§ã™ã€‚</span> + </mk-switch> + </details> </section> <section class="other" v-show="page == 'other'"> @@ -161,6 +167,7 @@ export default Vue.extend({ latestVersion: undefined, checkingForUpdate: false, lang: localStorage.getItem('lang') || '', + preventUpdate: localStorage.getItem('preventUpdate') == 'true', debug: localStorage.getItem('debug') == 'true', enableExperimental: localStorage.getItem('enableExperimental') == 'true' }; @@ -169,6 +176,9 @@ export default Vue.extend({ lang() { localStorage.setItem('lang', this.lang); }, + preventUpdate() { + localStorage.setItem('preventUpdate', this.preventUpdate ? 'true' : 'false'); + }, debug() { localStorage.setItem('debug', this.debug ? 'true' : 'false'); }, @@ -285,6 +295,9 @@ export default Vue.extend({ border-bottom solid 1px #eee &, >>> * + .ui.button.block + margin 16px 0 + > section margin 32px 0