🎉 Add new styles for banners.

frontend/src/uxbox/main/ui/auth.cljs

@@ -39,6 +39,13 @@
         locale (mf/deref i18n/locale)]
     [:*
      [:& messages]
+
+     [:div.msg-banner.error
+      [:div.msg-content
+       [:div.icon i/msg-error]
+       [:span "Lorem ipsum dolor sit amet"]
+      [:div.close-button i/close]]]
+
      [:div.auth
       [:section.auth-sidebar
        [:a.logo {:href "/#/"} i/logo]

frontend/src/uxbox/main/ui/auth/register.cljs

@@ -28,13 +28,14 @@
 
 
 (mf/defc demo-warning
+
   [_]
-  [:div.featured-note.warning
-   [:span
-    [:strong "WARNING: "]
-    "This is a " [:strong "demo"] " service, "
-    [:strong "DO NOT USE"] " for real work, "
-    " the projects will be periodicaly wiped."]])
+
+  [:div.msg-inline.warning.quick
+   [:div.icon i/msg-warning]
+    [:span.msg-text
+     "WARNING: This is a service, DO NOT USE for real work, the projects will be periodicaly wiped."]
+   [:div.close-button i/close]])
 
 (s/def ::fullname ::fm/not-empty-string)
 (s/def ::password ::fm/not-empty-string)

frontend/src/uxbox/main/ui/icons.cljs

@@ -67,6 +67,10 @@
 (def mail (icon-xref :mail))
 (def minus (icon-xref :minus))
 (def move (icon-xref :move))
+(def msg-error (icon-xref :msg-error))
+(def msg-success (icon-xref :msg-success))
+(def msg-warning (icon-xref :msg-warning))
+(def msg-info (icon-xref :msg-info))
 (def navigate (icon-xref :navigate))
 (def options (icon-xref :options))
 (def organize (icon-xref :organize))