Aesthetic changes

This commit is contained in:
D. Berge
2023-11-13 23:26:59 +01:00
parent b64a99ab19
commit 60aaaf9e04

View File

@@ -24,7 +24,7 @@
<v-window v-model="viewMode"> <v-window v-model="viewMode">
<v-window-item> <v-window-item>
<v-row> <v-row>
<v-col cols="4"> <v-col cols="4" max-height="100%">
<v-toolbar <v-toolbar
dense dense
flat flat
@@ -88,9 +88,10 @@
</v-card-text> </v-card-text>
<v-card-actions> <v-card-actions>
<v-btn outlined <v-btn
outlined
color="primary" color="primary"
title="Any unsaved changes you might have will be lost." title="Fetch the configuration from the server anew. Any unsaved changes you might have will be lost."
@click="getConfiguration" @click="getConfiguration"
> >
<v-icon small left>mdi-cloud-refresh</v-icon> <v-icon small left>mdi-cloud-refresh</v-icon>
@@ -100,28 +101,32 @@
<v-spacer></v-spacer> <v-spacer></v-spacer>
<v-btn <v-btn
outlined
class="ml-2" class="ml-2"
color="primary" color="primary"
:disabled="!configuration" :disabled="!configuration"
@click="saveToFile" @click="saveToFile"
title="Save the current configuration to a file, including any changes you might have made but not yet sent to the server." title="Save the current configuration to a file, including any changes you might have made but not yet sent to the server."
> >
<v-icon small left>mdi-cloud-download</v-icon> <v-icon small left>mdi-content-save-outline</v-icon>
Download Save
</v-btn> </v-btn>
<v-dialog <v-dialog
max-width="400px" max-width="400px"
v-model.sync="fileLoadDialog" v-model.sync="fileLoadDialog"
> >
<template v-slot:activator="{ on, attrs }"> <template v-slot:activator="{ on, attrs }">
<v-btn <v-btn
outlined
class="ml-2" class="ml-2"
color="warning" color="primary lighten-2"
title="Load the configuration from a file. It will overwrite any changes that you might have made so far but it won't upload the configuration to the server. You can review the configuration and make changes before using the upload button."
v-bind="attrs" v-bind="attrs"
v-on="on" v-on="on"
> >
<v-icon small left>mdi-cloud-upload</v-icon> <v-icon small left>mdi-folder-open-outline</v-icon>
Upload Load
</v-btn> </v-btn>
</template> </template>
<v-card flat> <v-card flat>