diff options
| author | syuilo <syuilotan@yahoo.co.jp> | 2018-10-19 06:47:55 +0900 |
|---|---|---|
| committer | syuilo <syuilotan@yahoo.co.jp> | 2018-10-19 06:47:55 +0900 |
| commit | 6c1f1ffdb1f0af467def794025f09eb5b75b2546 (patch) | |
| tree | 20a6ac847dae6ff697b215c25b4d813f3cbbf74c /src | |
| parent | fix(package): update vue-sweetalert2 to version 1.5.6 (#2932) (diff) | |
| download | sharkey-6c1f1ffdb1f0af467def794025f09eb5b75b2546.tar.gz sharkey-6c1f1ffdb1f0af467def794025f09eb5b75b2546.tar.bz2 sharkey-6c1f1ffdb1f0af467def794025f09eb5b75b2546.zip | |
デッキのカラムを左揃えか中央揃えか選べるように
Diffstat (limited to 'src')
| -rw-r--r-- | src/client/app/desktop/views/components/settings.vue | 10 | ||||
| -rw-r--r-- | src/client/app/desktop/views/pages/deck/deck.vue | 13 | ||||
| -rw-r--r-- | src/client/app/store.ts | 1 |
3 files changed, 18 insertions, 6 deletions
diff --git a/src/client/app/desktop/views/components/settings.vue b/src/client/app/desktop/views/components/settings.vue index 50582b3525..09e681c9bb 100644 --- a/src/client/app/desktop/views/components/settings.vue +++ b/src/client/app/desktop/views/components/settings.vue @@ -113,6 +113,11 @@ <ui-switch v-model="games_reversi_showBoardLabels">%i18n:common.show-reversi-board-labels%</ui-switch> <ui-switch v-model="games_reversi_useContrastStones">%i18n:common.use-contrast-reversi-stones%</ui-switch> </section> + <section> + <header>%i18n:@deck-column-align%</header> + <ui-radio v-model="deckColumnAlign" value="center">%i18n:@deck-column-align-center%</ui-radio> + <ui-radio v-model="deckColumnAlign" value="left">%i18n:@deck-column-align-left%</ui-radio> + </section> </ui-card> <ui-card class="web" v-show="page == 'web'"> @@ -350,6 +355,11 @@ export default Vue.extend({ set(value) { this.$store.commit('device/set', { key: 'navbar', value }); } }, + deckColumnAlign: { + get() { return this.$store.state.device.deckColumnAlign; }, + set(value) { this.$store.commit('device/set', { key: 'deckColumnAlign', value }); } + }, + enableSounds: { get() { return this.$store.state.device.enableSounds; }, set(value) { this.$store.commit('device/set', { key: 'enableSounds', value }); } diff --git a/src/client/app/desktop/views/pages/deck/deck.vue b/src/client/app/desktop/views/pages/deck/deck.vue index 2ff3d68a91..787402fd03 100644 --- a/src/client/app/desktop/views/pages/deck/deck.vue +++ b/src/client/app/desktop/views/pages/deck/deck.vue @@ -1,6 +1,6 @@ <template> <mk-ui :class="$style.root"> - <div class="qlvquzbjribqcaozciifydkngcwtyzje" :style="style"> + <div class="qlvquzbjribqcaozciifydkngcwtyzje" :style="style" :class="{ center: $store.state.device.deckColumnAlign == 'center' }"> <template v-for="ids in layout"> <div v-if="ids.length > 1" class="folder"> <template v-for="id, i in ids"> @@ -283,12 +283,13 @@ export default Vue.extend({ > *:not(:last-child) margin-bottom 8px - > * - &:first-child - margin-left auto + &.center + > * + &:first-child + margin-left auto - &:last-child - margin-right auto + &:last-child + margin-right auto > button padding 0 16px diff --git a/src/client/app/store.ts b/src/client/app/store.ts index 0a38decfa4..ac6de74248 100644 --- a/src/client/app/store.ts +++ b/src/client/app/store.ts @@ -58,6 +58,7 @@ const defaultDeviceSettings = { alwaysShowNsfw: false, postStyle: 'standard', navbar: 'top', + deckColumnAlign: 'center', mobileNotificationPosition: 'bottom', deckTemporaryColumn: null }; |