#115 add styles for blob and null

src/views/Main/Workspace/Tabs/Tab/RunResult/ValueViewer.vue

@@ -26,7 +26,10 @@
         :value="formattedJson"
         :options="cmOptions"
       />
-      <div v-if="currentFormat === 'text'" class="text-value">
+      <div
+        v-if="currentFormat === 'text'"
+        :class="['text-value', { 'meta-value': isNull || isBlob }]"
+      >
         {{ cellValue }}
       </div>
       <logs
@@ -56,7 +59,9 @@ export default {
     Logs
   },
   props: {
-    cellValue: [String, Number]
+    cellValue: [String, Number],
+    isNull: Boolean,
+    isBlob: Boolean
   },
   data () {
     return {
@@ -84,12 +89,12 @@ export default {
       this.messages = []
       this.formattedJson = ''
       if (this.currentFormat === 'json') {
-        this.formatJson(this.cellValue)
+        this.formatJson(this.isNull ? null : this.cellValue)
       }
     },
     cellValue () {
       if (this.currentFormat === 'json') {
-        this.formatJson(this.cellValue)
+        this.formatJson(this.isNull ? null : this.cellValue)
       }
     }
   },
@@ -139,6 +144,11 @@ export default {
   color: var(--color-text-base);
 }
 
+.text-value.meta-value {
+  font-style: italic;
+  color: var(--color-text-light-2);
+}
+
 .messages {
   margin: 8px;
 }