✨ Fixes styles

frontend/resources/styles/main/layouts/projects-page.scss

@@ -1,3 +1,5 @@
 .projects-page {
     padding: 1rem;
+    height: 100%;
+    background-color: $color-white;
 }

frontend/resources/styles/main/layouts/recent-files-page.scss

@@ -1,20 +1,13 @@
 .recent-files-page {
     overflow: scroll;
     height: 100%;
+    background-color: $color-white;
 }
 
 .recent-files-row {
     padding: 1rem;
     border-top: 1px solid $color-gray-10;
 
-    &:hover {
-        background-color: $color-white;
-
-        .grid-item.project-th {
-            box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.2);
-        }
-    }
-
     &.first {
         border-top: none;
     }

frontend/resources/styles/main/partials/dashboard-grid.scss

@@ -349,11 +349,18 @@
   position: relative;
   width: 100%;
 
+  background-color: $color-canvas;
+
   .img-th {
     height: auto;
     width: 100%;
   }
 
+  svg {
+      height: 100%;
+      width: 100%;
+  }
+
 }
 
 // MULTISELECT OPTIONS BAR

frontend/src/uxbox/main/exports.cljs

@@ -22,13 +22,14 @@
    [uxbox.main.ui.shapes.text :as text]
    [uxbox.main.ui.shapes.group :as group]))
 
+(def ^:private background-color "#E8E9EA") ;; $color-canvas
 (mf/defc background
   []
   [:rect
    {:x 0 :y 0
     :width "100%"
     :height "100%"
-    :fill "#AFB2BF"}])
+    :fill background-color}])
 
 (defn- calculate-dimensions
   [data]

frontend/src/uxbox/main/store.cljs

@@ -10,7 +10,8 @@
    [okulary.core :as l]
    [potok.core :as ptk]
    [uxbox.common.uuid :as uuid]
-   [uxbox.util.storage :refer [storage]]))
+   [uxbox.util.storage :refer [storage]]
+   [uxbox.util.debug :refer [debug? logjs]]))
 
 (enable-console-print!)
 
@@ -34,13 +35,11 @@
     :else
     (str "unk: " (pr-str event))))
 
-(defonce ^:dynamic *debug* (atom false))
-
 (when *assert*
   (defonce debug-subscription
     (as-> stream $
-      (rx/filter ptk/event? $)
+      #_(rx/filter ptk/event? $)
-      (rx/filter (fn [s] (deref *debug*)) $)
+      (rx/filter (fn [s] (debug? :events)) $)
       (rx/subscribe $ (fn [event]
                         (println "[stream]: " (repr-event event)))))))
 (defn emit!
@@ -62,3 +61,10 @@
   ([props]
    (emit! #(merge % initial-state props))
    (rx/to-atom store state)))
+
+(defn ^:export dump-state []
+  (logjs "state" @state))
+
+(defn ^:export dump-objects []
+  (let [page-id (get @state :current-page-id)]
+    (logjs "state" (get-in @state [:workspace-data page-id :objects]))))

frontend/src/uxbox/main/ui/dashboard/recent_files.cljs

@@ -51,11 +51,14 @@
 
 (mf/defc recent-project
   [{:keys [project files first? locale] :as props}]
-  (let [project-id (:id project)]
+  (let [project-id (:id project)
+        team-id (:team-id project)]
     [:div.recent-files-row
      {:class-name (when first? "first")}
      [:div.recent-files-row-title
-      [:h2.recent-files-row-title-name (:name project)]
+      [:h2.recent-files-row-title-name {:on-click #(st/emit! (rt/nav :dashboard-project {:team-id team-id
+                                                                                         :project-id project-id}))
+                                        :style {:cursor "pointer"}} (:name project)]
       [:span.recent-files-row-title-info (str (:file-count project) " files")]
       (let [time (-> (:modified-at project)
                      (dt/timeago {:locale locale}))]

frontend/src/uxbox/main/ui/workspace/drawarea.cljs

@@ -35,15 +35,18 @@
 (declare handle-finish-drawing)
 (declare conditional-align)
 
+(def ^:private default-color "#b1b2b5") ;; $color-gray-20
+
 (def ^:private minimal-shapes
   [{:type :rect
     :name "Rect"
-    :stroke-color "#000000"
+    :fill-color default-color
     :stroke-alignment :center}
    {:type :image}
    {:type :icon}
    {:type :circle
-    :name "Circle"}
+    :name "Circle"
+    :fill-color default-color}
    {:type :path
     :name "Path"
     :stroke-style :solid
@@ -312,10 +315,9 @@
        [:rect.main {:x x :y y
                     :width width
                     :height height
-                    :stroke-dasharray (str (/ 5.0 zoom) "," (/ 5 zoom))
+                    :style {:stroke "#1FDEA7"
-                    :style {:stroke "#333"
                             :fill "transparent"
-                            :stroke-opacity "1"}}]])))
+                            :stroke-width "1"}}]])))
 
 (mf/defc path-draw-area
   [{:keys [shape] :as props}]