Left align item separator and make it more prominent

Refs: #950
This commit is contained in:
eikek 2021-07-27 18:10:18 +02:00
parent f3800036bf
commit 09b224b07a
2 changed files with 10 additions and 5 deletions

View File

@ -179,13 +179,13 @@ viewGroup2 : Texts -> Model -> ViewConfig -> UiSettings -> ItemLightGroup -> Htm
viewGroup2 texts model cfg settings group =
div [ class "ds-item-group" ]
[ div
[ class "flex py-0 mt-2 flex flex-row items-center"
, class "bg-white dark:bg-bluegray-800 text-lg z-35"
[ class "flex py-1 mt-2 mb-2 flex flex-row items-center"
, class "bg-white dark:bg-bluegray-800 text-xl font-bold z-35"
, class "relative sticky top-10"
]
[ hr
[ class S.border
, class "flex-grow"
[ class S.border2
, class "w-16"
]
[]
, div [ class "px-6" ]
@ -195,7 +195,7 @@ viewGroup2 texts model cfg settings group =
]
]
, hr
[ class S.border
[ class S.border2
, class "flex-grow"
]
[]

View File

@ -298,6 +298,11 @@ border =
" border dark:border-bluegray-600 "
border2 : String
border2 =
" border-2 dark:border-bluegray-600 "
header1 : String
header1 =
" text-3xl mt-3 mb-5 font-semibold tracking-wide break-all"