diff options
| -rw-r--r-- | src/frontend/tubo/notifications/views.cljs | 10 |
1 files changed, 6 insertions, 4 deletions
diff --git a/src/frontend/tubo/notifications/views.cljs b/src/frontend/tubo/notifications/views.cljs index e4f8a53..d3202a4 100644 --- a/src/frontend/tubo/notifications/views.cljs +++ b/src/frontend/tubo/notifications/views.cljs @@ -1,11 +1,12 @@ (ns tubo.notifications.views (:require - [re-frame.core :as rf])) + [re-frame.core :as rf] + [tubo.layout.views :as layout])) (defn notification-content [{:keys [failure parse-error status status-text] :as notification}] (when notification - [:div.relative.flex.justify-center.pl-4.pr-8.py-4.rounded.shadow.dark:shadow-neutral-900.shadow-neutral-400 + [:div.relative.flex.justify-center.pl-4.pr-8.py-5.rounded.shadow.dark:shadow-neutral-900.shadow-neutral-400 {:class (case failure :success ["bg-green-600/90" :text-white] :error ["bg-red-600/90" :text-white] @@ -15,13 +16,14 @@ (case failure :success [:i.fa-solid.fa-circle-check] :error [:i.fa-solid.fa-circle-exclamation] + :loading [:div.grow-0 [layout/loading-icon]] [:i.fa-solid.fa-circle-info]) [:div.flex.flex-col - [:button.text-lg.absolute.top-1.right-2 + [:button.absolute.top-1.right-2 {:on-click #(rf/dispatch [:notifications/remove (:id notification)])} [:i.fa-solid.fa-close]] - [:span.font-bold + [:span.font-bold.break-all (str status " " status-text)] (when parse-error [:span.line-clamp-1 |