feat: fix codemirror width

2022-02-09 15:36:00 +05:30
parent 846ae087ae
commit 0895d65188
11 changed files with 13 additions and 117 deletions
--- a/packages/hoppscotch-app/components/smart/EnvInput.vue
+++ b/packages/hoppscotch-app/components/smart/EnvInput.vue
@@ -150,8 +150,10 @@ watch(editor, () => {
 <style lang="scss" scoped>
 .env-input-container {
  @apply relative;
-  @apply inline-grid;
+  @apply inline-flex;
  @apply flex-1;
+  @apply bg-red-100;
+  @apply border border-red-400;
 }

 [contenteditable] {
@@ -180,6 +182,9 @@ watch(editor, () => {
  @apply overflow-y-hidden;
  @apply resize-none;
  @apply focus:outline-none;
+  @apply bg-green-100;
+  @apply border border-green-400;
+  @apply w-full;
 }

 .env-input::-webkit-scrollbar {