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:
@@ -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 {
|
||||||
|
|||||||
@@ -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"
|
||||||
|
|||||||
@@ -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);
|
||||||
|
|||||||
Reference in New Issue
Block a user