wathiede/letterbox
1
0
Fork 0
Code Issues 1 Pull Requests 1 Actions Releases Wiki Activity

web: more compact output on desktop and mobile

Browse Source
This commit is contained in:
Bill Thiede 2023-11-26 15:46:03 -08:00
parent d5a001bf03
commit 02e16b4547
2 changed files with 14 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
web/index.html
View File

@ -95,6 +95,11 @@ input::placeholder, .input::placeholder{
color: #555;
}
.mobile .search-results,
.mobile .thread {
padding: 1em;
}
.search-results .row {
border-bottom: 1px #444 solid;
padding-bottom: .5em;

15
web/src/lib.rs
View File

@ -746,7 +746,6 @@ fn view_mobile_search_results(
});
div![
C!["search-results"],
h1!["Search results"],
view_search_pager(count, pager),
rows,
view_search_pager(count, pager),
@ -798,7 +797,6 @@ fn view_mobile_search_results_legacy(
let first = search_results.page * search_results.results_per_page;
div![
C!["search-results"],
h1!["Search results"],
view_search_pager_legacy(first, summaries.len(), search_results.total),
rows,
view_search_pager_legacy(first, summaries.len(), search_results.total)
@ -1066,8 +1064,8 @@ fn view_thread(thread: &ShowThreadQueryThread) -> Node<Msg> {
]
});
div![
C!["container"],
h1![C!["title"], &thread.subject],
C!["thread"],
p![C!["is-size-4"], &thread.subject],
messages,
/* TODO(wathiede): plumb in orignal id
a![
@ -1251,7 +1249,7 @@ fn view_desktop(model: &Model) -> Node<Msg> {
],
div![
view_header(&model.query, &model.refreshing_state),
section![C!["section"], content],
content,
view_header(&model.query, &model.refreshing_state),
]
]
@ -1274,7 +1272,7 @@ fn view_mobile(model: &Model) -> Node<Msg> {
};
div![
view_header(&model.query, &model.refreshing_state),
section![C!["section"], div![C!["content"], content]],
content,
view_header(&model.query, &model.refreshing_state),
]
}
@ -1291,6 +1289,11 @@ fn view(model: &Model) -> Node<Msg> {
let start = Instant::now();
info!("view called");
div![
if is_mobile {
C!["mobile"]
} else {
C!["desktop"]
},
if is_mobile {
view_mobile(model)
} else {