fix: design review

src/quo2/components/code/common/style.cljs

@@ -12,8 +12,8 @@
     :hljs-string       (colors/custom-color-by-theme :turquoise 50 60)
     :hljs-literal      (colors/custom-color-by-theme :turquoise 50 60)
     :hljs-number       (colors/custom-color-by-theme :turquoise 50 60)
-    :hljs-symbol       (colors/custom-color-by-theme :orange 50 60)
-    :hljs-builtin-name (colors/custom-color-by-theme :pink 50 60)
+    :hljs-symbol       (colors/custom-color-by-theme :orange 50 50)
+    :hljs-builtin-name (colors/custom-color-by-theme :pink 50 50)
     :line-number       colors/neutral-40
     nil))
 
@@ -82,9 +82,10 @@
 (defn line-number
   [width preview?]
   (if preview?
-    {:width           width
-     :align-items     :center
-     :justify-content :center}
+    {:width            width
+     :padding-vertical 3
+     :padding-left     8
+     :padding-right    4}
     {:margin-right 20 ; 8+12 margin
      :width        width}))
 

src/quo2/components/code/common/view.cljs

@@ -75,7 +75,7 @@
         number-rows-to-show (if preview?
                               0
                               (min (count rows) max-lines))
-        line-number-width   (calc-line-number-width font-scale number-rows-to-show)
+        line-number-width   (if preview? 20 (calc-line-number-width font-scale number-rows-to-show))
         truncated?          (< number-rows-to-show total-rows)
         rows-to-show-coll   (if truncated?
                               (as-> rows $

src/status_im2/contexts/quo_preview/code/snippet_preview.cljs

@@ -7,10 +7,7 @@
   "for(let ind")
 
 (def clojure-example
-  "(for [x [0 1 2 3 4 5]
-      :let [y (* x 3)]
-      :when (even? y)]
-  y)")
+  "(for [{:keys [url title description thumbnail hostname]} previews]")
 
 (def examples
   {:clojure {:language :clojure