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

fix codemirror styles

This commit is contained in:
lana-k
2025-03-17 21:43:07 +01:00
parent 24786c9069
commit 5e2b34a856
2 changed files with 7 additions and 5 deletions

View File

@@ -25,7 +25,7 @@
v-if="currentFormat === 'json' && formattedJson" v-if="currentFormat === 'json' && formattedJson"
:value="formattedJson" :value="formattedJson"
:options="cmOptions" :options="cmOptions"
class="json-value" class="json-value original-style"
/> />
<pre <pre
v-if="currentFormat === 'text'" v-if="currentFormat === 'text'"
@@ -192,7 +192,8 @@ export default {
color: var(--color-accent); color: var(--color-accent);
} }
:deep(.vue-codemirror) { :deep(.codemirror-container) {
display: block;
height: 100%; height: 100%;
max-height: 100%; max-height: 100%;
} }

View File

@@ -1,6 +1,6 @@
<template> <template>
<div class="sql-editor-panel"> <div class="sql-editor-panel">
<div class="codemirror-container original-style"> <div class="codemirror-box original-style">
<codemirror <codemirror
ref="cm" ref="cm"
v-model:value="query" v-model:value="query"
@@ -91,12 +91,13 @@ export default {
overflow: hidden; overflow: hidden;
} }
.codemirror-container { .codemirror-box {
flex-grow: 1; flex-grow: 1;
overflow: auto; overflow: auto;
} }
:deep(.vue-codemirror) { :deep(.codemirror-container) {
display: block;
height: 100%; height: 100%;
max-height: 100%; max-height: 100%;
} }