From 7d85c8a58051ded26f556c5d5284ac26af9eccda Mon Sep 17 00:00:00 2001
From: Martin Weise <martin.weise@tuwien.ac.at>
Date: Fri, 29 Jul 2022 17:06:11 +0200
Subject: [PATCH] Fixed the editor style in the dark
---
fda-ui/components/query/Raw.vue | 13 ++++++++++---
1 file changed, 10 insertions(+), 3 deletions(-)
diff --git a/fda-ui/components/query/Raw.vue b/fda-ui/components/query/Raw.vue
index f5a62ae2e3..6c3a6fbe84 100644
--- a/fda-ui/components/query/Raw.vue
+++ b/fda-ui/components/query/Raw.vue
@@ -2,9 +2,10 @@
<div>
<editor
v-model="content"
+ :class="{ 'theme-dark': is_dark }"
:value="value || content"
lang="sql"
- :theme="theme"
+ theme="xcode"
width="600"
:height="height"
@init="editorInit" />
@@ -28,8 +29,7 @@ export default {
},
data () {
return {
- content: this.value || '-- MariaDB 10.5 Query\n',
- theme: 'xcode'
+ content: this.value || '-- MariaDB 10.5 Query\n'
}
},
computed: {
@@ -38,6 +38,9 @@ export default {
// if (!this.disabled) { return 150 }
// const numLines = this.value.split('\n').length
// return numLines * 25
+ },
+ is_dark () {
+ return this.$vuetify.theme.dark
}
},
watch: {
@@ -74,4 +77,8 @@ export default {
</script>
<style scoped>
+.theme-dark {
+ background: none;
+ color: white;
+}
</style>
--
GitLab