chore update styles for ScriptQueryEditor

frappe · Aug 6, 2023 · 692a4c3 · 692a4c3
1 parent 3cf5334
commit 692a4c3
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 6 deletions.
diff --git a/frontend/src/index.css b/frontend/src/index.css
@@ -19,7 +19,15 @@
 /* Code Control */
 
 .cm-gutters {
- display: none !important;
+ @apply !bg-gray-50 !text-sm !leading-6;
+}
+.cm-activeLine {
+ padding-left: 10px !important;
+ margin-left: -4px !important;
+ @apply !bg-gray-50;
+}
+.cm-activeLineGutter {
+ @apply !bg-gray-300;
 }
 .cm-editor {
  height: 100%;
@@ -34,11 +42,9 @@
  @apply !text-gray-600;
 }
 .cm-content {
- padding: 0px !important;
-}
-.cm-activeLine {
- @apply !bg-transparent;
+ padding: 6px 0px 6px 4px !important;
 }
+
 .cm-scroller {
  font-family: 'Fira Code' !important;
  line-height: 1.5rem !important;

diff --git a/frontend/src/query/ScriptQueryEditor.vue b/frontend/src/query/ScriptQueryEditor.vue
@@ -20,7 +20,7 @@ function runQuery() {
  <div class="flex-shrink-0 text-sm uppercase leading-7 tracking-wide text-gray-600">
  Script Query
  </div>
- <div class="flex flex-1 overflow-y-scroll rounded border p-2">
+ <div class="flex flex-1 overflow-y-scroll rounded border">
  <Code language="python" v-model="script" placeholder="Enter your script here...">
  </Code>
  </div>