zynfly/sqliteviz
1
0
Fork 0
mirror of https://github.com/lana-k/sqliteviz.git synced 2025-12-06 18:18:53 +08:00
Code Issues Projects Releases Wiki Activity

#115 style fixes

Browse Source
This commit is contained in:
lana-k
2024-01-07 13:37:21 +01:00
parent 88466eca5e
commit 316e603c3c
2 changed files with 12 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/views/Main/Workspace/Tabs/Tab/RunResult/Record/index.vue
View File

@@ -216,6 +216,6 @@ table.sqliteviz-table {
} }
.column-cell { .column-cell {
max-width: 0; max-width: 150px;
} }
</style> </style>

15
src/views/Main/Workspace/Tabs/Tab/RunResult/ValueViewer.vue
View File

@@ -25,6 +25,7 @@
v-if="currentFormat === 'json' && formattedJson" v-if="currentFormat === 'json' && formattedJson"
:value="formattedJson" :value="formattedJson"
:options="cmOptions" :options="cmOptions"
class="json-value"
/> />
<pre <pre
v-if="currentFormat === 'text'" v-if="currentFormat === 'text'"
@@ -62,8 +63,8 @@ export default {
data () { data () {
return { return {
formats: [ formats: [
{ text: 'JSON', value: 'json' }, { text: 'Text', value: 'text' },
{ text: 'Text', value: 'text' } { text: 'JSON', value: 'json' }
], ],
currentFormat: 'text', currentFormat: 'text',
cmOptions: { cmOptions: {
@@ -107,6 +108,7 @@ export default {
} }
}, },
cellValue () { cellValue () {
this.messages = []
if (this.currentFormat === 'json') { if (this.currentFormat === 'json') {
this.formatJson(this.cellValue) this.formatJson(this.cellValue)
} }
@@ -154,17 +156,22 @@ export default {
overflow: auto; overflow: auto;
} }
.text-value { .text-value {
padding: 8px 8px; padding: 0 8px;
margin: 0;
color: var(--color-text-base); color: var(--color-text-base);
} }
.json-value {
margin-top: -4px;
}
.text-value.meta-value { .text-value.meta-value {
font-style: italic; font-style: italic;
color: var(--color-text-light-2); color: var(--color-text-light-2);
} }
.messages { .messages {
margin: 8px; margin: 0 8px;
} }
.value-viewer-toolbar button { .value-viewer-toolbar button {