fix: optimize style (#24)

Author: CoutinhoTTS

packages/devtools/src/app/components/code/DiffEditor.vue

@@ -133,8 +133,8 @@ function _onUpdate(size: number) {
 
 <template>
   <div h-full w-full max-h-100vh :class="oneColumn ? 'flex' : 'grid grid-cols-2'">
-    <div v-show="!oneColumn" ref="fromEl" class="h-full max-h-100vh" />
-    <div ref="toEl" class="h-full max-h-100vh" />
+    <div v-show="!oneColumn" ref="fromEl" h-full max-h-100vh />
+    <div ref="toEl" h-full max-h-100vh :class="oneColumn ? 'w-full' : ''" />
   </div>
 </template>
 

packages/devtools/src/app/styles/cm.css

@@ -26,7 +26,7 @@ html:not(.dark) {
   --cm-regex: #ab5e3f;
   --cm-json-property: #698c96;
   --cm-selection-background: #44444410;
-  --cm-line-number-gutter: #fafafa50;
+  --cm-line-number-gutter: #fafafa;
 }
 
 html.dark {
@@ -52,7 +52,7 @@ html.dark {
   --cm-line-number: #888888;
   --cm-line-highlight-background: #444444;
   --cm-selection-background: #44444450;
-  --cm-line-number-gutter: #1a1a1a50;
+  --cm-line-number-gutter: #1a1a1a;
 }