List view styling tweaks

This commit is contained in:
eikek
2021-12-17 00:36:23 +01:00
parent 1f200e7bc3
commit 435036505a
2 changed files with 6 additions and 6 deletions

View File

@ -279,7 +279,7 @@ viewRow texts cfg settings flags model item =
in in
div div
([ classList [ ( "border border-gray-800 border-dashed dark:border-lightblue-500", isMultiSelectMode cfg ) ] ([ classList [ ( "border border-gray-800 border-dashed dark:border-lightblue-500", isMultiSelectMode cfg ) ]
, class "flex flex-col border-b pb-1 dark:border-bluegray-600 ds-item-row relative " , class "flex flex-col dark:border-bluegray-600 ds-item-row relative "
, class cfg.extraClasses , class cfg.extraClasses
, id item.id , id item.id
] ]
@ -300,7 +300,7 @@ viewRow texts cfg settings flags model item =
] ]
, div [ class "flex flex-grow flex-col truncate text-left" ] , div [ class "flex flex-grow flex-col truncate text-left" ]
[ div [ div
[ class "truncate w-full text-lg pointer font-medium" [ class "truncate w-full text-black dark:text-white pointer font-medium pt-1"
] ]
[ trashIcon [ trashIcon
, newIcon , newIcon
@ -329,7 +329,7 @@ viewRow texts cfg settings flags model item =
] ]
] ]
, div , div
[ class "opacity-75 truncate flex flex-row items-center" [ class "opacity-75 truncate flex flex-row items-center text-sm -mt-1"
, classList , classList
[ ( "hidden", IT.render subtitleTemplate (templateCtx texts) item == "" ) [ ( "hidden", IT.render subtitleTemplate (templateCtx texts) item == "" )
] ]

View File

@ -200,7 +200,7 @@ viewList texts cfg settings flags model =
(List.map (viewGroup texts model cfg settings flags) model.results.groups) (List.map (viewGroup texts model cfg settings flags) model.results.groups)
else else
div [ class listingCss ] div [ class (itemContainerCss cfg) ]
(List.map (viewItem texts model cfg settings flags) items) (List.map (viewItem texts model cfg settings flags) items)
@ -211,7 +211,7 @@ itemContainerCss cfg =
"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 2xl:grid-cols-4 gap-2" "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 2xl:grid-cols-4 gap-2"
Data.ItemArrange.List -> Data.ItemArrange.List ->
"flex flex-col space-y-1" "flex flex-col divide-y"
viewCards : Texts -> ViewConfig -> UiSettings -> Flags -> Model -> Html Msg viewCards : Texts -> ViewConfig -> UiSettings -> Flags -> Model -> Html Msg
@ -283,7 +283,7 @@ viewItem texts model cfg settings flags item =
itemClass = itemClass =
case cfg.arrange of case cfg.arrange of
Data.ItemArrange.List -> Data.ItemArrange.List ->
" mb-1" " py-1 "
Data.ItemArrange.Cards -> Data.ItemArrange.Cards ->
"" ""