filebar ui fixes
<template>
<div class="q-pa-xs q-ma-xs">
<q-bar>
- <div class="cursor-pointer non-selectable">
- File
+ <q-btn-group flat>
+ <q-btn size="md" dense no-caps flat label="File">
<q-menu>
<q-list dense style="min-width: 100px">
<q-item clickable v-close-popup @click="showAddClientModal = true">
<q-item clickable v-close-popup @click="showAddSiteModal = true">
<q-item-section>Add Site</q-item-section>
</q-item>
+ <q-item clickable v-close-popup @click="getLog">
+ <q-item-section>Debug Log</q-item-section>
+ </q-item>
+ </q-list>
+ </q-menu>
+ </q-btn>
+ <!-- edit -->
+ <q-btn size="md" dense no-caps flat label="Edit">
+ <q-menu>
+ <q-list dense style="min-width: 100px">
<q-item clickable v-close-popup @click="showEditClientsModal = true">
<q-item-section>Edit Clients</q-item-section>
</q-item>
<q-item clickable v-close-popup @click="showEditSitesModal = true">
<q-item-section>Edit Sites</q-item-section>
</q-item>
- <q-item clickable v-close-popup @click="getLog">
- <q-item-section>Debug Log</q-item-section>
- </q-item>
</q-list>
</q-menu>
- </div>
+ </q-btn>
<!-- agents -->
- <div class="q-ml-md cursor-pointer non-selectable">
- Agents
+ <q-btn size="md" dense no-caps flat label="Agents">
<q-menu auto-close>
<q-list dense style="min-width: 100px">
<q-item clickable v-close-popup @click="showUpdateAgentsModal = true">
</q-item>
</q-list>
</q-menu>
- </div>
+ </q-btn>
<!-- settings -->
- <div class="q-ml-md cursor-pointer non-selectable">
- Settings
+ <q-btn size="md" dense no-caps flat label="Settings">
<q-menu auto-close>
<q-list dense style="min-width: 100px">
<!-- script manager -->
</q-item>
</q-list>
</q-menu>
- </div>
+ </q-btn>
+ </q-btn-group>
<q-space />
<!-- add client modal -->
<q-dialog v-model="showAddClientModal">
@@ -132,7 +138,7 @@ export default {
showEditSitesModal: false,
showUpdateAgentsModal: false,
showEditCoreSettingsModal: false,
- showAutomationManager: false,
+ showAutomationManager: false
};
},
methods: {
