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:
@@ -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%;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -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%;
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user