1
0
mirror of https://github.com/lana-k/sqliteviz.git synced 2025-12-06 18:18:53 +08:00

move run button to the menu

This commit is contained in:
lana-k
2020-11-04 22:18:04 +01:00
parent 1037185a6a
commit 3e52dcac2c
3 changed files with 12 additions and 21 deletions

View File

@@ -1,10 +1,9 @@
<template> <template>
<div class="chart-container"> <div v-show="visible" class="chart-container">
<div class="chart-worning" v-show="!sqlResult && visible"> <div class="chart-worning" v-show="!sqlResult && visible">
There is no data to build a chart. Run your sql query and make sure the result is not empty. There is no data to build a chart. Run your sql query and make sure the result is not empty.
</div> </div>
<PlotlyEditor <PlotlyEditor
v-show="visible"
:data="state.data" :data="state.data"
:layout="state.layout" :layout="state.layout"
:frames="state.frames" :frames="state.frames"
@@ -106,6 +105,7 @@ export default {
} }
.chart { .chart {
border-top: 1px solid var(--color-border); border-top: 1px solid var(--color-border);
min-height: 242px;
} }
>>> .editor_controls .sidebar__item:before { >>> .editor_controls .sidebar__item:before {

View File

@@ -5,6 +5,14 @@
<router-link to="/my-queries">My queries</router-link> <router-link to="/my-queries">My queries</router-link>
</div> </div>
<div> <div>
<button
v-if="$store.state.tabs.length > 0"
class="primary"
:disabled="currentQuery && !$store.state.schema || !currentQuery.query"
@click="currentQuery.execute"
>
Run
</button>
<button <button
v-if="$store.state.tabs.length > 0" v-if="$store.state.tabs.length > 0"
class="primary" class="primary"

View File

@@ -3,21 +3,12 @@
<splitpanes <splitpanes
class="query-results-splitter" class="query-results-splitter"
horizontal horizontal
:before="{ size: 50, max: 50 }" :before="{ size: 50, max: 70 }"
:after="{ size: 50, max: 100 }" :after="{ size: 50, max: 100 }"
> >
<template #left-pane> <template #left-pane>
<div class="query-editor"> <div class="query-editor">
<sql-editor v-model="query" /> <sql-editor v-model="query" />
<div class="run-btn-container">
<button
class="primary run-btn"
@click="execute"
:disabled="!$store.state.schema || !query"
>
Run
</button>
</div>
</div> </div>
</template> </template>
<template #right-pane> <template #right-pane>
@@ -171,12 +162,8 @@ export default {
background-color: var(--color-bg-light); background-color: var(--color-bg-light);
} }
.run-btn {
margin-top: 24px;
}
.query-editor { .query-editor {
padding: 52px 52px 24px; padding: 52px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
height: 100%; height: 100%;
@@ -185,10 +172,6 @@ export default {
min-height: 190px; min-height: 190px;
} }
.run-btn-container {
text-align: right;
}
.table-view { .table-view {
margin: 0 52px; margin: 0 52px;
height: calc(100% - 88px); height: calc(100% - 88px);