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; color: #555;
} }
.mobile .search-results,
.mobile .thread {
padding: 1em;
}
.search-results .row { .search-results .row {
border-bottom: 1px #444 solid; border-bottom: 1px #444 solid;
padding-bottom: .5em; padding-bottom: .5em;

15
web/src/lib.rs
View File

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