diff options
Diffstat (limited to 'src/frontend/tubo/views/channel.cljs')
| -rw-r--r-- | src/frontend/tubo/views/channel.cljs | 26 |
1 files changed, 16 insertions, 10 deletions
diff --git a/src/frontend/tubo/views/channel.cljs b/src/frontend/tubo/views/channel.cljs index 9318c0e..fd7965c 100644 --- a/src/frontend/tubo/views/channel.cljs +++ b/src/frontend/tubo/views/channel.cljs @@ -25,16 +25,22 @@ (when banner [:div.flex.justify-center [:img {:src banner}]]) - [:div.flex.items-center.my-4.mx-2 - (when avatar - [:div.relative.w-16.h-16 - [:img.rounded-full.object-cover.max-w-full.min-h-full {:src avatar :alt name}]]) - [:div.m-4 - [:h1.text-xl name] - (when subscriber-count - [:div.flex.my-2.items-center - [:i.fa-solid.fa-users.text-xs] - [:span.mx-2 (.toLocaleString subscriber-count)]])]] + [:div.flex.items-center.justify-between + [:div.flex.items-center.my-4.mx-2 + (when avatar + [:div.relative.w-16.h-16 + [:img.rounded-full.object-cover.max-w-full.min-h-full {:src avatar :alt name}]]) + [:div.m-4 + [:h1.text-xl name] + (when subscriber-count + [:div.flex.my-2.items-center + [:i.fa-solid.fa-users.text-xs] + [:span.mx-2 (.toLocaleString subscriber-count)]])]] + [:div.whitespace-nowrap.ml-4 + [:button + {:on-click #(rf/dispatch [::events/enqueue-related-streams related-streams service-color])} + [:i.fa-solid.fa-headphones.mx-3] + [:span.text-neutral-600.dark:text-neutral-300 "Background"]]]] [:div.my-2 [:p description]] [items/related-streams related-streams next-page-url]])])) |