mirror of
https://github.com/TheAnachronism/docspell.git
synced 2025-06-03 05:52:51 +00:00
Redesign search/landing page
This commit is contained in:
parent
000d1aff2b
commit
75c958281e
@ -191,22 +191,18 @@ viewItem settings item =
|
||||
, Util.String.underscoreToSpace item.name
|
||||
|> text
|
||||
]
|
||||
, div
|
||||
[ classList
|
||||
[ ( "ui right corner label", True )
|
||||
, ( newColor, True )
|
||||
, ( "invisible", isConfirmed )
|
||||
]
|
||||
, title "New"
|
||||
]
|
||||
[ i [ class "exclamation icon" ] []
|
||||
]
|
||||
, div [ class "meta" ]
|
||||
[ div
|
||||
[ classList
|
||||
[ ( "ui ribbon label", True )
|
||||
, ( newColor, True )
|
||||
, ( "invisible", isConfirmed )
|
||||
]
|
||||
]
|
||||
[ i [ class "exclamation icon" ] []
|
||||
, text " New"
|
||||
]
|
||||
, span
|
||||
[ classList
|
||||
[ ( "right floated", not isConfirmed )
|
||||
]
|
||||
]
|
||||
[ span []
|
||||
[ Util.Time.formatDate item.date |> text
|
||||
]
|
||||
]
|
||||
|
@ -19,14 +19,14 @@ view flags settings model =
|
||||
div [ class "home-page ui padded grid" ]
|
||||
[ div
|
||||
[ classList
|
||||
[ ( "sixteen wide mobile six wide tablet four wide computer column"
|
||||
[ ( "sixteen wide mobile six wide tablet four wide computer search-menu column"
|
||||
, True
|
||||
)
|
||||
, ( "invisible hidden", model.menuCollapsed )
|
||||
]
|
||||
]
|
||||
[ div
|
||||
[ class "ui top attached ablue-comp icon menu"
|
||||
[ class "ui ablue-comp icon menu"
|
||||
]
|
||||
[ a
|
||||
[ class "borderless item"
|
||||
@ -62,7 +62,7 @@ view flags settings model =
|
||||
]
|
||||
]
|
||||
]
|
||||
, div [ class "ui attached fluid segment" ]
|
||||
, div [ class "" ]
|
||||
[ Html.map SearchMenuMsg
|
||||
(Comp.SearchMenu.viewDrop model.dragDropData
|
||||
flags
|
||||
|
@ -41,12 +41,12 @@
|
||||
}
|
||||
|
||||
.default-layout .main-content {
|
||||
margin-top: 45px;
|
||||
margin-top: 44px;
|
||||
padding-bottom: 2em;
|
||||
}
|
||||
|
||||
.default-layout .top-menu {
|
||||
background: aliceblue;
|
||||
background: aliceblue;
|
||||
box-shadow: 1px 1px 0px 0px black;
|
||||
}
|
||||
|
||||
@ -170,6 +170,11 @@ textarea.markdown-editor {
|
||||
background: rgba(0,0,0,0.2);
|
||||
}
|
||||
|
||||
.default-layout .search-menu {
|
||||
border-bottom: 2px solid #d8dfe5;
|
||||
border-right: 2px solid #d8dfe5;
|
||||
background-color: aliceblue;
|
||||
}
|
||||
|
||||
.ui.dimmer.keep-small {
|
||||
justify-content: start;
|
||||
@ -198,14 +203,21 @@ label span.muted {
|
||||
}
|
||||
|
||||
.ui.ablue-comp.menu, .ui.menu .ablue-comp.item {
|
||||
background-color: #fff7f0;
|
||||
background-color: rgba(255, 247, 240, 1);
|
||||
}
|
||||
.ui.ablue-comp.header {
|
||||
background-color: #fff7f0;
|
||||
background-color: rgba(255, 247, 240, 1);
|
||||
}
|
||||
|
||||
.ui.ablue-shade.menu, .ui.menu .ablue-shade.item {
|
||||
background-color: #d8dfe5;
|
||||
background-color: rgba(216, 223, 229, 1);
|
||||
}
|
||||
|
||||
.ablue-bg {
|
||||
background-color: aliceblue;
|
||||
}
|
||||
.ablue-shade-bg {
|
||||
background-color: rgba(216, 223, 229, 1);
|
||||
}
|
||||
|
||||
.ui.selectable.pointer.table tr {
|
||||
|
Loading…
x
Reference in New Issue
Block a user