Settings: Improve UX of general tab
Signed-off-by: Michael Mayer <michael@liquidbytes.net>
This commit is contained in:
parent
5bea7d2a59
commit
3d7a13b2ae
|
@ -4,29 +4,29 @@
|
||||||
ref="form" class="p-form-settings" accept-charset="UTF-8"
|
ref="form" class="p-form-settings" accept-charset="UTF-8"
|
||||||
@submit.prevent="save">
|
@submit.prevent="save">
|
||||||
<v-card flat tile class="px-1 application">
|
<v-card flat tile class="px-1 application">
|
||||||
<v-card-title primary-title>
|
<v-card-title primary-title class="pb-2">
|
||||||
<h3 class="body-2 mb-0">User Interface</h3>
|
<h3 class="body-2 mb-0">User Interface</h3>
|
||||||
</v-card-title>
|
</v-card-title>
|
||||||
|
|
||||||
<v-card-actions>
|
<v-card-actions>
|
||||||
<v-layout wrap align-center>
|
<v-layout wrap align-center>
|
||||||
<v-flex xs12 sm6 class="px-2">
|
<v-flex xs12 sm6 class="px-2 pb-2">
|
||||||
<v-select
|
|
||||||
:items="options.languages"
|
|
||||||
:label="labels.language"
|
|
||||||
color="secondary-dark"
|
|
||||||
v-model="settings.language"
|
|
||||||
flat
|
|
||||||
></v-select>
|
|
||||||
</v-flex>
|
|
||||||
|
|
||||||
<v-flex xs12 sm6 class="px-2">
|
|
||||||
<v-select
|
<v-select
|
||||||
:items="options.themes"
|
:items="options.themes"
|
||||||
:label="labels.theme"
|
:label="labels.theme"
|
||||||
color="secondary-dark"
|
color="secondary-dark"
|
||||||
v-model="settings.theme"
|
v-model="settings.theme"
|
||||||
flat
|
hide-details box
|
||||||
|
></v-select>
|
||||||
|
</v-flex>
|
||||||
|
|
||||||
|
<v-flex xs12 sm6 class="px-2 pb-2">
|
||||||
|
<v-select
|
||||||
|
:items="options.languages"
|
||||||
|
:label="labels.language"
|
||||||
|
color="secondary-dark"
|
||||||
|
v-model="settings.language"
|
||||||
|
hide-details box
|
||||||
></v-select>
|
></v-select>
|
||||||
</v-flex>
|
</v-flex>
|
||||||
</v-layout>
|
</v-layout>
|
||||||
|
@ -34,38 +34,38 @@
|
||||||
</v-card>
|
</v-card>
|
||||||
|
|
||||||
<v-card flat tile class="mt-0 px-1 application">
|
<v-card flat tile class="mt-0 px-1 application">
|
||||||
<v-card-title primary-title>
|
<v-card-title primary-title class="pb-2">
|
||||||
<h3 class="body-2 mb-0">Places</h3>
|
<h3 class="body-2 mb-0">Places</h3>
|
||||||
</v-card-title>
|
</v-card-title>
|
||||||
|
|
||||||
<v-card-actions>
|
<v-card-actions>
|
||||||
<v-layout wrap align-center>
|
<v-layout wrap align-center>
|
||||||
<v-flex xs12 sm6 class="px-2">
|
<v-flex xs12 sm6 class="px-2 pb-2">
|
||||||
<v-select
|
|
||||||
:items="options.mapsAnimate"
|
|
||||||
:label="labels.mapsAnimate"
|
|
||||||
color="secondary-dark"
|
|
||||||
v-model="settings.maps.animate"
|
|
||||||
flat
|
|
||||||
></v-select>
|
|
||||||
</v-flex>
|
|
||||||
|
|
||||||
<v-flex xs12 sm6 class="px-2">
|
|
||||||
<v-select
|
<v-select
|
||||||
:items="options.mapsStyle"
|
:items="options.mapsStyle"
|
||||||
:label="labels.mapsStyle"
|
:label="labels.mapsStyle"
|
||||||
color="secondary-dark"
|
color="secondary-dark"
|
||||||
v-model="settings.maps.style"
|
v-model="settings.maps.style"
|
||||||
flat
|
hide-details box
|
||||||
|
></v-select>
|
||||||
|
</v-flex>
|
||||||
|
|
||||||
|
<v-flex xs12 sm6 class="px-2 pb-2">
|
||||||
|
<v-select
|
||||||
|
:items="options.mapsAnimate"
|
||||||
|
:label="labels.mapsAnimate"
|
||||||
|
color="secondary-dark"
|
||||||
|
v-model="settings.maps.animate"
|
||||||
|
hide-details box
|
||||||
></v-select>
|
></v-select>
|
||||||
</v-flex>
|
</v-flex>
|
||||||
</v-layout>
|
</v-layout>
|
||||||
</v-card-actions>
|
</v-card-actions>
|
||||||
</v-card>
|
</v-card>
|
||||||
|
|
||||||
<v-container fluid>
|
<v-container fluid class="mt-1">
|
||||||
<v-btn color="secondary-dark"
|
<v-btn color="secondary-dark"
|
||||||
class="ml-1 mt-0"
|
class="ml-1"
|
||||||
depressed dark
|
depressed dark
|
||||||
@click.stop="save">
|
@click.stop="save">
|
||||||
<translate>Save</translate>
|
<translate>Save</translate>
|
||||||
|
|
Loading…
Reference in a new issue