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>
<div class="chart-container">
<div v-show="visible" class="chart-container">
<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.
</div>
<PlotlyEditor
v-show="visible"
:data="state.data"
:layout="state.layout"
:frames="state.frames"
@@ -106,6 +105,7 @@ export default {
}
.chart {
border-top: 1px solid var(--color-border);
min-height: 242px;
}
>>> .editor_controls .sidebar__item:before {

View File

@@ -5,6 +5,14 @@
<router-link to="/my-queries">My queries</router-link>
</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
v-if="$store.state.tabs.length > 0"
class="primary"

View File

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