🐛 Fix hero image space when the screen is small

frontend/src/app/main/ui/dashboard/projects.scss

@@ -203,7 +203,6 @@
     display: flex;
     flex-direction: column;
     align-items: flex-start;
-
     flex-grow: 1;
     padding: $s-20 $s-20;
   }
@@ -222,7 +221,7 @@
     a {
       color: $da-primary;
     }
-    padding-top: $s-8;
+    padding: $s-8 0;
   }
   .close {
     position: absolute;
@@ -249,8 +248,11 @@
     height: $s-200;
     overflow: hidden;
     border-radius: $br-4;
+    @media (max-width: 1200px) {
+      display: none;
+      width: 0;
+    }
   }
-
   img {
     border-radius: $br-4;
     height: $s-200;

frontend/src/app/main/ui/workspace/sidebar/options/menus/interactions.cljs

@@ -611,7 +611,7 @@
                          :options animation-opts
                          :on-change change-animation-type}]]]
 
-                 ;; Direction
+           ;; Direction
            (when (ctsi/has-way? interaction)
              [:div {:class (stl/css :property-row)}
               [:div {:class (stl/css :inputs-wrapper)}
@@ -624,7 +624,7 @@
                 [:& radio-button {:id "animation-way-out"
                                   :value "out"}]]]])
 
-                 ;; Direction
+           ;; Direction
            (when (ctsi/has-direction? interaction)
              [:div {:class (stl/css :property-row)}
               [:div {:class (stl/css :buttons-wrapper)}
@@ -648,7 +648,7 @@
                                   :id "animation-up"
                                   :value "up"}]]]])
 
-                 ;; Duration
+           ;; Duration
            (when (ctsi/has-duration? interaction)
              [:div {:class (stl/css :property-row)}
               [:span {:class (stl/css :interaction-name)} (tr "workspace.options.interaction-duration")]
@@ -661,7 +661,7 @@
                                    :value (-> interaction :animation :duration)
                                    :title (tr "workspace.options.interaction-ms")}]]])
 
-                 ;; Easing
+           ;; Easing
            (when (ctsi/has-easing? interaction)
              [:div {:class (stl/css :property-row)}
               [:span {:class (stl/css :interaction-name)} (tr "workspace.options.interaction-easing")]
@@ -672,7 +672,7 @@
                            :options easing-options
                            :on-change change-easing}]]])
 
-                 ;; Offset effect
+           ;; Offset effect
            (when (ctsi/has-offset-effect? interaction)
              [:div {:class (stl/css :property-row)}
               [:div {:class (stl/css :checkbox-option)}