Mastodon
/
Whalebird-desktop-client-mac-linux-windows
mirror of https://github.com/h3poteto/whalebird-desktop
1
0
Fork 0
Code Issues Releases Wiki Activity

refs #251 Fix design of language setting

This commit is contained in:
AkiraFukushima 2018-09-21 00:31:21 +09:00
parent 78605f1492
commit 460841892f
2 changed files with 16 additions and 39 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/config/locales/en/translation.json
View File

@ -131,7 +131,7 @@
}, },
"language": { "language": {
"title": "Language", "title": "Language",
"display_language": "language", "language_description": "Choose the language you would like to use with Whalebird.",
"notice": "Require relaunch", "notice": "Require relaunch",
"confirm": { "confirm": {
"title": "Warning", "title": "Warning",

29
src/renderer/components/Preferences/Language.vue
View File

@ -2,11 +2,7 @@
<div id="language"> <div id="language">
<h2>{{ $t('preferences.language.title') }}</h2> <h2>{{ $t('preferences.language.title') }}</h2>
<div class="display-language"> <div class="display-language">
<table class="language"> <p class="description">{{ $t('preferences.language.language_description') }}</p>
<tbody>
<tr>
<td class="title">{{ $t('preferences.language.display_language') }}</td>
<td class="status">
<el-select v-model="displayLanguage" placeholder="style"> <el-select v-model="displayLanguage" placeholder="style">
<el-option <el-option
v-for="lang in languages" v-for="lang in languages"
@ -16,10 +12,6 @@
</el-option> </el-option>
</el-select> </el-select>
<p class="notice">{{ $t('preferences.language.notice') }}</p> <p class="notice">{{ $t('preferences.language.notice') }}</p>
</td>
</tr>
</tbody>
</table>
</div> </div>
</div> </div>
</template> </template>
@ -80,27 +72,12 @@ export default {
<style lang="scss" scoped> <style lang="scss" scoped>
#language { #language {
table { .description {
width: 100%; margin: 24px 0 20px;
} }
td {
padding: 16px 0;
}
.title {
text-align: right;
width: 50%;
}
.status {
width: 50%;
text-align: center;
.notice { .notice {
color: #c0c4cc; color: #c0c4cc;
font-size: 12px; font-size: 12px;
} }
}
} }
</style> </style>