mirror of
https://github.com/TheAnachronism/docspell.git
synced 2025-06-23 10:58:26 +00:00
Fix tailwind setup
- Adopted postcss and tailwind config to new version - renamed colors bluegray->slate etc to not have custom definitions (hope to reduce migration next time) - tailwind now doesn't build the complete css anymore, so the `dev-ui-build` script must compile both
This commit is contained in:
@ -99,7 +99,7 @@ viewData2 texts meta =
|
||||
[ div [ class "text-lg font-bold" ]
|
||||
[ text texts.content
|
||||
]
|
||||
, div [ class "px-2 py-2 text-sm bg-yellow-50 dark:bg-warmgray-800 break-words whitespace-pre max-h-80 overflow-auto" ]
|
||||
, div [ class "px-2 py-2 text-sm bg-yellow-50 dark:bg-stone-800 break-words whitespace-pre max-h-80 overflow-auto" ]
|
||||
[ text meta.content
|
||||
]
|
||||
, div [ class "text-lg font-bold mt-2" ]
|
||||
|
@ -178,12 +178,12 @@ linkLabel model =
|
||||
[ class S.basicLabel
|
||||
, class "inline-block md:text-sm my-auto whitespace-nowrap"
|
||||
, class "border-blue-500 text-blue-500 "
|
||||
, class "dark:border-lightblue-300 dark:text-lightblue-300"
|
||||
, class "dark:border-sky-300 dark:text-sky-300"
|
||||
]
|
||||
|
||||
hover =
|
||||
[ class "hover:bg-blue-500 hover:text-gray-200"
|
||||
, class "dark:hover:bg-lightblue-300 dark:hover:text-bluegray-900"
|
||||
, class "dark:hover:bg-sky-300 dark:hover:text-slate-900"
|
||||
]
|
||||
|
||||
attrs =
|
||||
|
@ -317,7 +317,7 @@ view2 texts extraClasses mev model =
|
||||
text ""
|
||||
]
|
||||
, div
|
||||
[ class "px-2 pt-4 pb-2 border-0 border-l border-b border-r bg-gray-50 dark:bg-bluegray-700"
|
||||
[ class "px-2 pt-4 pb-2 border-0 border-l border-b border-r bg-gray-50 dark:bg-slate-700"
|
||||
, class S.border
|
||||
]
|
||||
[ div []
|
||||
|
@ -175,7 +175,7 @@ renderFormData2 opts data =
|
||||
in
|
||||
div
|
||||
[ class "flex flex-col space-y-4 md:space-y-2 mt-2"
|
||||
, class "px-2 border-0 border-l dark:border-bluegray-600"
|
||||
, class "px-2 border-0 border-l dark:border-slate-600"
|
||||
]
|
||||
(List.map valueItem values)
|
||||
|
||||
|
@ -178,7 +178,7 @@ view2 cfg _ model =
|
||||
[ classList
|
||||
[ ( "hidden", List.isEmpty model.items )
|
||||
]
|
||||
, class "flex flex-col space-y-2 mt-2 px-2 border-0 border-l dark:border-bluegray-600 "
|
||||
, class "flex flex-col space-y-2 mt-2 px-2 border-0 border-l dark:border-slate-600 "
|
||||
]
|
||||
(List.map (renderItem2 cfg) model.items)
|
||||
]
|
||||
|
@ -136,11 +136,11 @@ view2 : Texts -> Model -> Html Msg
|
||||
view2 texts model =
|
||||
div
|
||||
[ classList
|
||||
[ ( "bg-opacity-100 bg-blue-100 dark:bg-lightblue-800", model.state.hover )
|
||||
, ( "bg-blue-100 dark:bg-lightblue-900 bg-opacity-50", not model.state.hover )
|
||||
[ ( "bg-opacity-100 bg-blue-100 dark:bg-sky-800", model.state.hover )
|
||||
, ( "bg-blue-100 dark:bg-sky-900 bg-opacity-50", not model.state.hover )
|
||||
, ( "disabled", not model.state.active )
|
||||
]
|
||||
, class "flex flex-col justify-center items-center py-2 md:py-12 border-0 border-t-2 border-blue-500 dark:border-lightblue-500 dropzone"
|
||||
, class "flex flex-col justify-center items-center py-2 md:py-12 border-0 border-t-2 border-blue-500 dark:border-sky-500 dropzone"
|
||||
, onDragEnter DragEnter
|
||||
, onDragOver DragEnter
|
||||
, onDragLeave DragLeave
|
||||
@ -159,7 +159,7 @@ view2 texts model =
|
||||
{ label = texts.or
|
||||
, topCss = "w-2/3 mb-4 hidden md:inline-flex"
|
||||
, labelCss = "px-4 bg-gray-200 bg-opacity-50"
|
||||
, lineColor = "bg-gray-300 dark:bg-bluegray-600"
|
||||
, lineColor = "bg-gray-300 dark:bg-slate-600"
|
||||
}
|
||||
, B.primaryBasicButton
|
||||
{ label = texts.basics.selectPlaceholder
|
||||
|
@ -187,7 +187,7 @@ view2 cfg values model =
|
||||
, onInput SetInput
|
||||
, onBlur (KeyPress 13)
|
||||
, class "inline-flex w-24 border-0 px-0 focus:ring-0 h-6 text-sm"
|
||||
, class "placeholder-gray-400 dark:text-bluegray-200 dark:bg-bluegray-800 dark:border-bluegray-500"
|
||||
, class "placeholder-gray-400 dark:text-slate-200 dark:bg-slate-800 dark:border-slate-500"
|
||||
]
|
||||
[]
|
||||
]
|
||||
@ -217,7 +217,7 @@ renderMenu2 style model =
|
||||
a
|
||||
[ class style.item
|
||||
, classList
|
||||
[ ( "bg-gray-200 dark:bg-bluegray-700 dark:text-bluegray-50", model.active == Just v )
|
||||
[ ( "bg-gray-200 dark:bg-slate-700 dark:text-slate-50", model.active == Just v )
|
||||
]
|
||||
, href "#"
|
||||
, onClick (AddEmail v)
|
||||
|
@ -88,7 +88,7 @@ update flags msg model =
|
||||
|
||||
styleBase : String
|
||||
styleBase =
|
||||
"bg-gray-100 dark:bg-bluegray-900 text-gray-900 dark:text-gray-100 text-sm leading-5"
|
||||
"bg-gray-100 dark:bg-slate-900 text-gray-900 dark:text-gray-100 text-sm leading-5"
|
||||
|
||||
|
||||
stylePayload : String
|
||||
|
@ -509,7 +509,7 @@ viewMembers2 texts model =
|
||||
]
|
||||
, div
|
||||
[ class "flex flex-col space-y-4 md:space-y-2 mt-2"
|
||||
, class "px-2 border-0 border-l dark:border-bluegray-600"
|
||||
, class "px-2 border-0 border-l dark:border-slate-600"
|
||||
]
|
||||
(List.map (viewMember2 texts) model.members)
|
||||
]
|
||||
|
@ -215,10 +215,10 @@ viewItem2 dropModel model item =
|
||||
in
|
||||
a
|
||||
([ classList
|
||||
[ ( "bg-blue-100 dark:bg-bluegray-600", highlightDrop )
|
||||
[ ( "bg-blue-100 dark:bg-slate-600", highlightDrop )
|
||||
]
|
||||
, class "flex flex-row items-center"
|
||||
, class "rounded px-1 py-1 hover:bg-blue-100 dark:hover:bg-bluegray-600"
|
||||
, class "rounded px-1 py-1 hover:bg-blue-100 dark:hover:bg-slate-600"
|
||||
, href "#"
|
||||
, onClick (Toggle item)
|
||||
]
|
||||
@ -237,7 +237,7 @@ numberLabel : Int -> Html msg
|
||||
numberLabel num =
|
||||
div
|
||||
[ class "bg-gray-200 border rounded-full h-6 w-6 flex items-center justify-center text-xs"
|
||||
, class "dark:bg-bluegray-800 dark:text-bluegray-200 dark:border-bluegray-800 dark:bg-opacity-50"
|
||||
, class "dark:bg-slate-800 dark:text-slate-200 dark:border-slate-800 dark:bg-opacity-50"
|
||||
]
|
||||
[ text (String.fromInt num)
|
||||
]
|
||||
|
@ -180,7 +180,7 @@ viewRow texts cfg settings flags model item =
|
||||
|
||||
cardColor =
|
||||
if isCreated then
|
||||
"text-blue-500 dark:text-lightblue-500"
|
||||
"text-blue-500 dark:text-sky-500"
|
||||
|
||||
else if isDeleted then
|
||||
"text-red-600 dark:text-orange-600"
|
||||
@ -211,7 +211,7 @@ viewRow texts cfg settings flags model item =
|
||||
a
|
||||
[ classList
|
||||
[ ( "my-auto flex text-lg w-4 text-left w-1", not rowOpen )
|
||||
, ( "flex w-full block text-xl bg-gray-50 dark:bg-bluegray-700 mb-2 rounded ", rowOpen )
|
||||
, ( "flex w-full block text-xl bg-gray-50 dark:bg-slate-700 mb-2 rounded ", rowOpen )
|
||||
, ( "invisible", isSelected cfg item.id )
|
||||
]
|
||||
, href "#"
|
||||
@ -266,7 +266,7 @@ viewRow texts cfg settings flags model item =
|
||||
]
|
||||
, class S.dimmerRow
|
||||
]
|
||||
[ div [ class "text-2xl font-bold text-blue-100 hover:text-blue-200 dark:text-lightblue-300 dark:hover:text-lightblue-200" ]
|
||||
[ div [ class "text-2xl font-bold text-blue-100 hover:text-blue-200 dark:text-sky-300 dark:hover:text-sky-200" ]
|
||||
[ a
|
||||
(mkCardAction texts cfg settings item)
|
||||
[ i [ class "fa fa-check-circle" ] []
|
||||
@ -278,8 +278,8 @@ viewRow texts cfg settings flags model item =
|
||||
mkCardAction texts cfg settings item
|
||||
in
|
||||
div
|
||||
([ classList [ ( "border border-gray-800 border-dashed dark:border-lightblue-500", isMultiSelectMode cfg ) ]
|
||||
, class "flex flex-col dark:border-bluegray-600 ds-item-row relative "
|
||||
([ classList [ ( "border border-gray-800 border-dashed dark:border-sky-500", isMultiSelectMode cfg ) ]
|
||||
, class "flex flex-col dark:border-slate-600 ds-item-row relative "
|
||||
, class cfg.extraClasses
|
||||
, id item.id
|
||||
]
|
||||
@ -473,7 +473,7 @@ viewCard texts cfg settings flags model item =
|
||||
|
||||
cardColor =
|
||||
if isCreated then
|
||||
"text-blue-500 dark:text-lightblue-500"
|
||||
"text-blue-500 dark:text-sky-500"
|
||||
|
||||
else if isDeleted then
|
||||
"text-red-600 dark:text-orange-600"
|
||||
@ -495,7 +495,7 @@ viewCard texts cfg settings flags model item =
|
||||
, class S.dimmerCard
|
||||
, class "rounded-lg"
|
||||
]
|
||||
[ div [ class "text-9xl text-blue-400 hover:text-blue-500 dark:text-lightblue-300 dark:hover:text-lightblue-200" ]
|
||||
[ div [ class "text-9xl text-blue-400 hover:text-blue-500 dark:text-sky-300 dark:hover:text-sky-200" ]
|
||||
[ a
|
||||
cardAction
|
||||
[ i [ class "fa fa-check-circle font-thin" ] []
|
||||
@ -507,8 +507,8 @@ viewCard texts cfg settings flags model item =
|
||||
([ class cfg.extraClasses
|
||||
, class "ds-item-card relative hover:shadow-lg rounded-lg flex flex-col break-all"
|
||||
, classList
|
||||
[ ( "border border-gray-400 dark:border-bluegray-600 dark:hover:border-bluegray-500", not (isMultiSelectMode cfg) )
|
||||
, ( "border-2 border-gray-800 border-dashed dark:border-lightblue-500", isMultiSelectMode cfg )
|
||||
[ ( "border border-gray-400 dark:border-slate-600 dark:hover:border-slate-500", not (isMultiSelectMode cfg) )
|
||||
, ( "border-2 border-gray-800 border-dashed dark:border-sky-500", isMultiSelectMode cfg )
|
||||
]
|
||||
, id item.id
|
||||
]
|
||||
@ -621,7 +621,7 @@ notesContent2 settings item =
|
||||
|| Util.String.isNothingOrBlank item.notes
|
||||
)
|
||||
]
|
||||
, class "px-2 py-2 border-t dark:border-bluegray-600 opacity-50 text-sm"
|
||||
, class "px-2 py-2 border-t dark:border-slate-600 opacity-50 text-sm"
|
||||
]
|
||||
[ Maybe.withDefault "" item.notes
|
||||
|> Util.String.ellipsis settings.itemSearchNoteLength
|
||||
@ -804,7 +804,7 @@ previewImage2 texts cfg settings model item =
|
||||
not isCardView
|
||||
in
|
||||
a
|
||||
([ class "overflow-hidden block bg-gray-50 dark:bg-bluegray-700 dark:bg-opacity-40 border-gray-400 dark:hover:border-bluegray-500 w-full"
|
||||
([ class "overflow-hidden block bg-gray-50 dark:bg-slate-700 dark:bg-opacity-40 border-gray-400 dark:hover:border-slate-500 w-full"
|
||||
, classList
|
||||
[ ( "rounded-t-lg", isCardView )
|
||||
, ( Data.UiSettings.cardPreviewSize2 settings, isCardView && not isRowOpen )
|
||||
@ -818,7 +818,7 @@ previewImage2 texts cfg settings model item =
|
||||
[ ( "rounded-t-lg w-full -mt-1", settings.cardPreviewFullWidth && isCardView )
|
||||
, ( Data.UiSettings.cardPreviewSize2 settings, not settings.cardPreviewFullWidth && isCardView )
|
||||
, ( "h-12", isListView && not isRowOpen )
|
||||
, ( "border-t border-r border-l dark:border-bluegray-600", isListView && isRowOpen )
|
||||
, ( "border-t border-r border-l dark:border-slate-600", isListView && isRowOpen )
|
||||
]
|
||||
, src previewUrl
|
||||
]
|
||||
@ -858,7 +858,7 @@ previewMenu2 texts settings flags cfg model item mainAttach =
|
||||
|| fieldHidden Data.Fields.DueDate
|
||||
)
|
||||
]
|
||||
, class "label font-semibold text-sm border-gray-300 dark:border-bluegray-600"
|
||||
, class "label font-semibold text-sm border-gray-300 dark:border-slate-600"
|
||||
, title (texts.dueOn ++ " " ++ dueDate)
|
||||
]
|
||||
[ Icons.dueDateIcon2 "mr-2"
|
||||
@ -880,10 +880,10 @@ previewMenu2 texts settings flags cfg model item mainAttach =
|
||||
not isCardView
|
||||
in
|
||||
div
|
||||
[ class "px-2 py-1 flex flex-row flex-wrap bg-gray-50 dark:bg-bluegray-700 dark:bg-opacity-40 rounded-b-lg md:text-sm"
|
||||
[ class "px-2 py-1 flex flex-row flex-wrap bg-gray-50 dark:bg-slate-700 dark:bg-opacity-40 rounded-b-lg md:text-sm"
|
||||
, classList
|
||||
[ ( "border-0", isCardView || not isRowOpen )
|
||||
, ( "border-b border-l border-r dark:border-bluegray-600", isListView && isRowOpen )
|
||||
, ( "border-b border-l border-r dark:border-slate-600", isListView && isRowOpen )
|
||||
]
|
||||
]
|
||||
[ a
|
||||
@ -907,7 +907,7 @@ previewMenu2 texts settings flags cfg model item mainAttach =
|
||||
[ classList [ ( "hidden", attachCount > 1 && not (fieldHidden Data.Fields.PreviewImage) ) ]
|
||||
, class "ml-2"
|
||||
]
|
||||
[ div [ class "px-2 rounded border border-gray-300 dark:border-bluegray-600 py-1" ]
|
||||
[ div [ class "px-2 rounded border border-gray-300 dark:border-slate-600 py-1" ]
|
||||
[ text (String.fromInt pageCount)
|
||||
, text "p."
|
||||
]
|
||||
@ -925,7 +925,7 @@ previewMenu2 texts settings flags cfg model item mainAttach =
|
||||
]
|
||||
[ i [ class "fa fa-arrow-right" ] []
|
||||
]
|
||||
, div [ class "px-2 rounded-r border-t border-r border-b border-gray-500 dark:border-bluegray-500 py-1" ]
|
||||
, div [ class "px-2 rounded-r border-t border-r border-b border-gray-500 dark:border-slate-500 py-1" ]
|
||||
[ currentPosition model item
|
||||
|> String.fromInt
|
||||
|> text
|
||||
|
@ -245,7 +245,7 @@ viewGroup texts model cfg settings flags group =
|
||||
div [ class "ds-item-group" ]
|
||||
[ div
|
||||
[ 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 "bg-white dark:bg-slate-800 text-xl font-bold z-35"
|
||||
, class "relative sticky top-10"
|
||||
]
|
||||
[ hr
|
||||
|
@ -155,7 +155,7 @@ view texts settings model =
|
||||
[ classList
|
||||
[ ( "hidden", not isCreated )
|
||||
]
|
||||
, class "ml-3 text-base label bg-blue-500 dark:bg-lightblue-500 text-white rounded-lg"
|
||||
, class "ml-3 text-base label bg-blue-500 dark:bg-sky-500 text-white rounded-lg"
|
||||
]
|
||||
[ text texts.new
|
||||
, i [ class "fa fa-exclamation ml-2" ] []
|
||||
|
@ -30,7 +30,7 @@ view texts model =
|
||||
case model.notesField of
|
||||
ViewNotes ->
|
||||
div [ class "flex flex-col ds-item-detail-notes" ]
|
||||
[ div [ class "flex flex-row items-center border-b dark:border-bluegray-600" ]
|
||||
[ div [ class "flex flex-row items-center border-b dark:border-slate-600" ]
|
||||
[ div [ class "flex-grow font-bold text-lg" ]
|
||||
[ text texts.notes
|
||||
]
|
||||
|
@ -65,7 +65,7 @@ view texts flags settings model pos attach =
|
||||
Html.map (AttachMetaMsg attach.id)
|
||||
(Comp.AttachmentMeta.view2
|
||||
texts.attachmentMeta
|
||||
[ class "border-r border-l border-b dark:border-bluegray-600 px-2" ]
|
||||
[ class "border-r border-l border-b dark:border-slate-600 px-2" ]
|
||||
am
|
||||
)
|
||||
|
||||
@ -74,13 +74,13 @@ view texts flags settings model pos attach =
|
||||
|
||||
else if isShowQrAttach model.showQrModel then
|
||||
Comp.ItemDetail.ShowQrCode.view1 flags
|
||||
"border-r border-l border-b dark:border-bluegray-600 h-full"
|
||||
"border-r border-l border-b dark:border-slate-600 h-full"
|
||||
(Comp.ItemDetail.ShowQrCode.Attach attach.id)
|
||||
|
||||
else
|
||||
div
|
||||
[ class "flex flex-col relative px-2 pt-2 h-full"
|
||||
, class "border-r border-l border-b dark:border-bluegray-600"
|
||||
, class "border-r border-l border-b dark:border-slate-600"
|
||||
, id "ds-pdf-view-parent"
|
||||
, style "max-height" "calc(100vh - 140px)"
|
||||
, style "min-height" "500px"
|
||||
@ -155,7 +155,7 @@ attachHeader texts settings model _ attach =
|
||||
, class S.secondaryBasicButton
|
||||
, class "mr-2"
|
||||
, classList
|
||||
[ ( "bg-gray-200 dark:bg-bluegray-600 ", model.attachMenuOpen )
|
||||
[ ( "bg-gray-200 dark:bg-slate-600 ", model.attachMenuOpen )
|
||||
, ( "hidden", not multiAttach )
|
||||
, ( "sm:hidden", multiAttach && mobile )
|
||||
, ( "hidden sm:block", multiAttach && not mobile )
|
||||
@ -191,7 +191,7 @@ attachHeader texts settings model _ attach =
|
||||
, a
|
||||
[ classList
|
||||
[ ( S.secondaryBasicButton ++ " text-sm", True )
|
||||
, ( "bg-gray-200 dark:bg-bluegray-600", selectView )
|
||||
, ( "bg-gray-200 dark:bg-slate-600", selectView )
|
||||
, ( "hidden", not selectPossible )
|
||||
, ( "ml-2", True )
|
||||
]
|
||||
@ -319,7 +319,7 @@ editAttachmentName model attach =
|
||||
in
|
||||
case am of
|
||||
Just m ->
|
||||
div [ class "flex flex-row border-l border-r px-2 py-2 dark:border-bluegray-600" ]
|
||||
div [ class "flex flex-row border-l border-r px-2 py-2 dark:border-slate-600" ]
|
||||
[ input
|
||||
[ type_ "text"
|
||||
, value m.newName
|
||||
@ -349,7 +349,7 @@ editAttachmentName model attach =
|
||||
attachmentSelect : Texts -> Model -> Int -> Attachment -> Html Msg
|
||||
attachmentSelect texts model _ _ =
|
||||
div
|
||||
[ class "flex flex-row border-l border-r px-2 py-2 dark:border-bluegray-600 "
|
||||
[ class "flex flex-row border-l border-r px-2 py-2 dark:border-slate-600 "
|
||||
, class "overflow-x-auto overflow-y-none"
|
||||
, classList
|
||||
[ ( "hidden", not model.attachMenuOpen )
|
||||
@ -372,7 +372,7 @@ menuItem texts model pos attach =
|
||||
enable =
|
||||
Just attach.id == dropId && dropId /= dragId
|
||||
in
|
||||
[ ( "bg-gray-300 dark:bg-bluegray-700 current-drop-target", enable )
|
||||
[ ( "bg-gray-300 dark:bg-slate-700 current-drop-target", enable )
|
||||
]
|
||||
|
||||
iconClass =
|
||||
@ -405,12 +405,12 @@ menuItem texts model pos attach =
|
||||
in
|
||||
a
|
||||
([ classList <|
|
||||
[ ( "border-blue-500 dark:border-lightblue-500", pos == 0 )
|
||||
, ( "dark:border-bluegray-600", pos /= 0 )
|
||||
[ ( "border-blue-500 dark:border-sky-500", pos == 0 )
|
||||
, ( "dark:border-slate-600", pos /= 0 )
|
||||
]
|
||||
++ highlight
|
||||
, class "flex flex-col relative border rounded px-1 py-1 mr-2"
|
||||
, class " hover:shadow dark:hover:border-bluegray-500"
|
||||
, class " hover:shadow dark:hover:border-slate-500"
|
||||
, href "#"
|
||||
, onClick msg
|
||||
]
|
||||
@ -421,7 +421,7 @@ menuItem texts model pos attach =
|
||||
[ classList
|
||||
[ ( "hidden", not visible )
|
||||
]
|
||||
, class "absolute right-1 top-1 text-blue-400 dark:text-lightblue-400 text-xl"
|
||||
, class "absolute right-1 top-1 text-blue-400 dark:text-sky-400 text-xl"
|
||||
]
|
||||
[ i [ class iconClass ] []
|
||||
]
|
||||
|
@ -134,7 +134,7 @@ menuBar texts inav settings model =
|
||||
, MB.CustomElement <|
|
||||
a
|
||||
[ classList
|
||||
[ ( "bg-gray-200 dark:bg-bluegray-600", model.mailOpen )
|
||||
[ ( "bg-gray-200 dark:bg-slate-600", model.mailOpen )
|
||||
]
|
||||
, title texts.sendMail
|
||||
, onClick ToggleMail
|
||||
@ -146,7 +146,7 @@ menuBar texts inav settings model =
|
||||
, MB.CustomElement <|
|
||||
a
|
||||
[ classList
|
||||
[ ( "bg-gray-200 dark:bg-bluegray-600", model.addFilesOpen )
|
||||
[ ( "bg-gray-200 dark:bg-slate-600", model.addFilesOpen )
|
||||
]
|
||||
, if model.addFilesOpen then
|
||||
title texts.close
|
||||
@ -162,7 +162,7 @@ menuBar texts inav settings model =
|
||||
, MB.CustomElement <|
|
||||
a
|
||||
[ classList
|
||||
[ ( "bg-gray-200 dark:bg-bluegray-600", isShowQrItem model.showQrModel )
|
||||
[ ( "bg-gray-200 dark:bg-slate-600", isShowQrItem model.showQrModel )
|
||||
]
|
||||
, if isShowQrItem model.showQrModel then
|
||||
title texts.close
|
||||
@ -258,7 +258,7 @@ leftArea texts flags settings model =
|
||||
]
|
||||
, class "mt-4 "
|
||||
]
|
||||
[ h3 [ class "flex flex-row items-center border-b dark:border-bluegray-600 font-bold text-lg" ]
|
||||
[ h3 [ class "flex flex-row items-center border-b dark:border-slate-600 font-bold text-lg" ]
|
||||
[ text texts.sentEmails
|
||||
]
|
||||
, Html.map SentMailsMsg (Comp.SentMails.view2 texts.sentMails model.sentMails)
|
||||
@ -323,7 +323,7 @@ sendMailForm texts settings model =
|
||||
|
||||
itemIdInfo : Texts -> Model -> Html msg
|
||||
itemIdInfo texts model =
|
||||
div [ class "flex flex-col opacity-50 text-xs pb-1 mt-3 border-t dark:border-bluegray-600" ]
|
||||
div [ class "flex flex-col opacity-50 text-xs pb-1 mt-3 border-t dark:border-slate-600" ]
|
||||
[ div
|
||||
[ class "inline-flex items-center"
|
||||
, title texts.itemId
|
||||
|
@ -324,8 +324,8 @@ itemCard texts settings model index item =
|
||||
, class "cursor-pointer items-center"
|
||||
, classList
|
||||
[ ( "border-2 border-blue-500 dark:border-blue-500", index == 0 && not dropActive )
|
||||
, ( "bg-blue-100 dark:bg-lightblue-900", index == 0 && not dropActive )
|
||||
, ( "border border-gray-400 dark:border-bluegray-600 dark:hover:border-bluegray-500 bg-white dark:bg-bluegray-700 mt-2", index /= 0 )
|
||||
, ( "bg-blue-100 dark:bg-sky-900", index == 0 && not dropActive )
|
||||
, ( "border border-gray-400 dark:border-slate-600 dark:hover:border-slate-500 bg-white dark:bg-slate-700 mt-2", index /= 0 )
|
||||
, ( "bg-yellow-50 dark:bg-lime-900 mt-4", dropActive )
|
||||
]
|
||||
, id ("merge-" ++ item.id)
|
||||
|
@ -102,12 +102,12 @@ type alias DropdownMenu msg =
|
||||
|
||||
view : MenuBar msg -> Html msg
|
||||
view =
|
||||
view1 "bg-white dark:bg-bluegray-800"
|
||||
view1 "bg-white dark:bg-slate-800"
|
||||
|
||||
|
||||
viewSide : MenuBar msg -> Html msg
|
||||
viewSide =
|
||||
view1 "bg-blue-50 dark:bg-bluegray-700"
|
||||
view1 "bg-blue-50 dark:bg-slate-700"
|
||||
|
||||
|
||||
view1 : String -> MenuBar msg -> Html msg
|
||||
@ -169,10 +169,10 @@ makeDropdown : DropdownData msg -> Html msg
|
||||
makeDropdown model =
|
||||
let
|
||||
menuStyle =
|
||||
"absolute right-0 bg-white dark:bg-bluegray-800 border dark:border-bluegray-700 z-50 dark:text-bluegray-300 shadow-lg transition duration-200 min-w-max "
|
||||
"absolute right-0 bg-white dark:bg-slate-800 border dark:border-slate-700 z-50 dark:text-slate-300 shadow-lg transition duration-200 min-w-max "
|
||||
|
||||
itemStyle =
|
||||
"transition-colors duration-200 items-center block px-4 py-2 text-normal hover:bg-gray-200 dark:hover:bg-bluegray-700 dark:hover:text-bluegray-50"
|
||||
"transition-colors duration-200 items-center block px-4 py-2 text-normal hover:bg-gray-200 dark:hover:bg-slate-700 dark:hover:text-slate-50"
|
||||
|
||||
menuItem m =
|
||||
a
|
||||
|
@ -79,7 +79,7 @@ type alias ViewConfig =
|
||||
|
||||
styleBase : String
|
||||
styleBase =
|
||||
"bg-gray-100 dark:bg-bluegray-900 text-gray-900 dark:text-gray-100 text-sm leading-5"
|
||||
"bg-gray-100 dark:bg-slate-900 text-gray-900 dark:text-gray-100 text-sm leading-5"
|
||||
|
||||
|
||||
stylePayload : String
|
||||
|
@ -17,7 +17,7 @@ import Html.Attributes exposing (attribute, class, style)
|
||||
|
||||
progress2 : Int -> Html msg
|
||||
progress2 percent =
|
||||
div [ class "shadow w-full h-full bg-gray-200 dark:bg-bluegray-600 rounded relative" ]
|
||||
div [ class "shadow w-full h-full bg-gray-200 dark:bg-slate-600 rounded relative" ]
|
||||
[ div
|
||||
[ class "transition-duration-300 h-full bg-blue-500 dark:bg-light-blue-500 block text-xs text-center"
|
||||
, style "width" (String.fromInt percent ++ "%")
|
||||
|
@ -43,7 +43,7 @@ view2 texts classes stats =
|
||||
f.sum > 0
|
||||
|
||||
statValues f =
|
||||
tr [ class "border-0 border-t dark:border-bluegray-600" ]
|
||||
tr [ class "border-0 border-t dark:border-slate-600" ]
|
||||
[ td [ class "text-left text-sm" ]
|
||||
[ div
|
||||
[ class S.basicLabel
|
||||
|
@ -112,7 +112,7 @@ view2 texts model =
|
||||
, div [ class "py-1 whitespace-pre-wrap" ]
|
||||
[ text mail.body
|
||||
]
|
||||
, div [ class "flex flex-row items-center border-t dark:border-bluegray-600 justify-end text-sm " ]
|
||||
, div [ class "flex flex-row items-center border-t dark:border-slate-600 justify-end text-sm " ]
|
||||
[ a
|
||||
[ class S.secondaryBasicButton
|
||||
, onClick Hide
|
||||
|
@ -478,7 +478,7 @@ shareInfo texts flags share =
|
||||
]
|
||||
[ h2
|
||||
[ class S.header2
|
||||
, class "border-b-2 dark:border-bluegray-600"
|
||||
, class "border-b-2 dark:border-slate-600"
|
||||
]
|
||||
[ text texts.shareInformation
|
||||
]
|
||||
@ -498,7 +498,7 @@ shareSendMail texts flags settings model =
|
||||
]
|
||||
[ a
|
||||
[ class S.header2
|
||||
, class "border-b-2 dark:border-bluegray-600 w-full inline-block"
|
||||
, class "border-b-2 dark:border-slate-600 w-full inline-block"
|
||||
, href "#"
|
||||
, onClick ToggleSendMailVisible
|
||||
]
|
||||
@ -510,7 +510,7 @@ shareSendMail texts flags settings model =
|
||||
, text texts.sendViaMail
|
||||
]
|
||||
, div
|
||||
[ class "px-2 py-2 dark:border-bluegray-600"
|
||||
[ class "px-2 py-2 dark:border-slate-600"
|
||||
, classList [ ( "hidden", not model.sendMailVisible ) ]
|
||||
]
|
||||
[ Html.map MailMsg
|
||||
|
@ -62,7 +62,7 @@ viewActive cfg texts flags share =
|
||||
flags.config.baseUrl ++ "/app/share/" ++ share.id
|
||||
|
||||
styleUrl =
|
||||
"truncate px-2 py-2 border-0 border-t border-b border-r font-mono text-sm my-auto rounded-r border-gray-400 dark:border-bluegray-500"
|
||||
"truncate px-2 py-2 border-0 border-t border-b border-r font-mono text-sm my-auto rounded-r border-gray-400 dark:border-slate-500"
|
||||
|
||||
infoLine hidden icon label value =
|
||||
div
|
||||
|
@ -279,7 +279,7 @@ viewLinks2 texts flags _ source =
|
||||
flags.config.baseUrl ++ "/api/v1/open/upload/item/" ++ source.source.id
|
||||
|
||||
styleUrl =
|
||||
"truncate px-2 py-2 border-0 border-t border-b border-r font-mono text-sm my-auto rounded-r border-gray-400 dark:border-bluegray-500"
|
||||
"truncate px-2 py-2 border-0 border-t border-b border-r font-mono text-sm my-auto rounded-r border-gray-400 dark:border-slate-500"
|
||||
in
|
||||
div
|
||||
[]
|
||||
|
@ -108,7 +108,7 @@ view2 values model =
|
||||
]
|
||||
, div
|
||||
[ class "flex flex-col space-y-4 md:space-y-2 mt-2"
|
||||
, class "px-2 border-0 border-l dark:border-bluegray-600"
|
||||
, class "px-2 border-0 border-l dark:border-slate-600"
|
||||
]
|
||||
(List.map valueItem values)
|
||||
]
|
||||
|
@ -58,9 +58,9 @@ type alias State =
|
||||
|
||||
defaultStyle : Style
|
||||
defaultStyle =
|
||||
{ rootClasses = "border-0 border-t dark:border-bluegray-600"
|
||||
, tabClasses = "border-0 border-b dark:border-bluegray-600"
|
||||
, titleClasses = "py-4 md:py-2 px-2 bg-gray-50 hover:bg-gray-100 dark:bg-bluegray-700 dark:bg-opacity-50 dark:hover:bg-opacity-100"
|
||||
{ rootClasses = "border-0 border-t dark:border-slate-600"
|
||||
, tabClasses = "border-0 border-b dark:border-slate-600"
|
||||
, titleClasses = "py-4 md:py-2 px-2 bg-gray-50 hover:bg-gray-100 dark:bg-slate-700 dark:bg-opacity-50 dark:hover:bg-opacity-100"
|
||||
, bodyClasses = "mt-2 py-2"
|
||||
}
|
||||
|
||||
@ -69,7 +69,7 @@ searchMenuStyle : Style
|
||||
searchMenuStyle =
|
||||
{ rootClasses = "border-0 "
|
||||
, tabClasses = "border-0 "
|
||||
, titleClasses = "py-4 md:py-2 pl-2 bg-blue-50 hover:bg-blue-100 dark:bg-bluegray-700 dark:hover:bg-opacity-100 dark:hover:bg-bluegray-600 rounded"
|
||||
, titleClasses = "py-4 md:py-2 pl-2 bg-blue-50 hover:bg-blue-100 dark:bg-slate-700 dark:hover:bg-opacity-100 dark:hover:bg-slate-600 rounded"
|
||||
, bodyClasses = "mt-1 py-1 pl-2"
|
||||
}
|
||||
|
||||
|
@ -481,7 +481,7 @@ viewTagsDrop2 texts ddm wm settings model =
|
||||
, onInput Search
|
||||
, class "bg-blue-50 w-30 h-6 px-0 py-0 text-xs"
|
||||
, class "border-0 border-b border-gray-200 focus:ring-0 focus:border-black"
|
||||
, class "dark:bg-bluegray-700 dark:text-bluegray-200 dark:border-bluegray-400 dark:focus:border-white"
|
||||
, class "dark:bg-slate-700 dark:text-slate-200 dark:border-slate-400 dark:focus:border-white"
|
||||
]
|
||||
[]
|
||||
, i [ class "fa fa-search absolute top-1/3 right-0 opacity-50" ] []
|
||||
@ -553,10 +553,10 @@ viewTagItem2 ddm settings model tag =
|
||||
in
|
||||
a
|
||||
([ classList
|
||||
[ ( "bg-blue-100 dark:bg-bluegray-600", dropActive )
|
||||
[ ( "bg-blue-100 dark:bg-slate-600", dropActive )
|
||||
]
|
||||
, class "flex flex-row items-center"
|
||||
, class "rounded px-1 py-1 hover:bg-blue-100 dark:hover:bg-bluegray-600"
|
||||
, class "rounded px-1 py-1 hover:bg-blue-100 dark:hover:bg-slate-600"
|
||||
, href "#"
|
||||
, onClick (ToggleTag tag.tag.id)
|
||||
]
|
||||
@ -591,7 +591,7 @@ viewCategoryItem2 settings model cat =
|
||||
in
|
||||
a
|
||||
[ class "flex flex-row items-center"
|
||||
, class "rounded px-1 py-1 hover:bg-blue-100 dark:hover:bg-bluegray-600"
|
||||
, class "rounded px-1 py-1 hover:bg-blue-100 dark:hover:bg-slate-600"
|
||||
, href "#"
|
||||
, onClick (ToggleCat cat.name)
|
||||
]
|
||||
@ -662,7 +662,7 @@ numberLabel : Int -> Html msg
|
||||
numberLabel num =
|
||||
div
|
||||
[ class "bg-gray-200 border rounded-full h-6 w-6 flex items-center justify-center text-xs"
|
||||
, class "dark:bg-bluegray-800 dark:text-bluegray-200 dark:border-bluegray-800 dark:bg-opacity-50"
|
||||
, class "dark:bg-slate-800 dark:text-slate-200 dark:border-slate-800 dark:bg-opacity-50"
|
||||
]
|
||||
[ text (String.fromInt num)
|
||||
]
|
||||
|
Reference in New Issue
Block a user