diff options
| author | Miguel Ángel Moreno <mail@migalmoreno.com> | 2024-12-19 03:08:15 +0100 |
|---|---|---|
| committer | Miguel Ángel Moreno <mail@migalmoreno.com> | 2024-12-19 03:12:54 +0100 |
| commit | bc535d072f332736a6fe9e7b47fb608277657e35 (patch) | |
| tree | cc0145158db227243f27cdb3cd536dbd58cfe4fa /src | |
| parent | a18f14bf122fc7cd1a929f3206cdfbc8ed91b66f (diff) | |
feat: make list items styles more compact
Diffstat (limited to 'src')
| -rw-r--r-- | src/frontend/tubo/items/views.cljs | 14 |
1 files changed, 7 insertions, 7 deletions
diff --git a/src/frontend/tubo/items/views.cljs b/src/frontend/tubo/items/views.cljs index 78d6776..da8343c 100644 --- a/src/frontend/tubo/items/views.cljs +++ b/src/frontend/tubo/items/views.cljs @@ -106,14 +106,14 @@ last :url) route name duration :classes - [:py-2 :h-28 "sm:h-36" "min-w-[130px]" "max-w-[130px]" "sm:min-w-[250px]" + ["py-2" "h-24" "min-w-[125px]" "max-w-[125px]" "sm:h-36" "sm:min-w-[250px]" "sm:max-w-[250px]"] :rounded? true] [:div.flex.flex-col.flex-auto.xs:mr-2.gap-y-2 (when name [:div.flex.items-center.justify-between.mt-2 [:a {:href route :title name} - [:h1.line-clamp-1.xs:text-xl + [:h1.line-clamp-1.text-sm.xs:text-xl {:class "[overflow-wrap:anywhere]"} name (when (and verified? (not uploader-url)) @@ -130,20 +130,20 @@ {:href (rfe/href :channel-page nil {:url uploader-url}) :title uploader-name :key url}]) - [:h1.font-semibold.line-clamp-1.break-all.text-sm + [:h1.font-semibold.line-clamp-1.break-all.text-xs.xs:text-sm {:class "[overflow-wrap:anywhere]" :title uploader-name :key url} uploader-name]) (when (and uploader-url verified?) [:i.fa-solid.fa-circle-check.text-xs])]) (when (or view-count upload-date) - [:div.flex.text-xs.xs:text-sm.flex-col.xs:flex-row + [:div.flex.text-xs.xs:text-sm (when view-count [:<> - [:div.flex.items-center.h-full + [:div.flex.items-center.h-full.whitespace-nowrap [:p (str (utils/format-quantity view-count) " views")]] - [:span.px-2.hidden.xs:inline-block + [:span.px-2 {:dangerouslySetInnerHTML {:__html "•"}}]]) - [:span (utils/format-date-ago upload-date)]]) + [:span.line-clamp-1 (utils/format-date-ago upload-date)]]) (when (or subscriber-count stream-count) [:div.flex.text-xs.xs:text-sm.flex-col.xs:flex-row (when (and (= type "channel") subscriber-count) |