small UI refinements for date header

This commit is contained in:
Bruno Windels 2022-11-25 16:12:35 +01:00
parent 9b235f7c80
commit 9c2c5af291
2 changed files with 8 additions and 1 deletions

View File

@ -422,3 +422,10 @@ only loads when the top comes into view*/
.GapView.isAtTop { .GapView.isAtTop {
padding: 52px 20px 12px 20px; padding: 52px 20px 12px 20px;
} }
.DateHeader {
color: var(--light-text-color);
font-weight: bold;
padding: 12px 4px;
text-align: center;
}

View File

@ -25,7 +25,7 @@ export class DateHeaderView extends TemplateView<DateTile> {
} }
render(t, vm) { render(t, vm) {
return t.div({className: "DateHeader"}, t.div(vm.date)); return t.div({className: "DateHeader"}, t.time(vm.date));
} }
/* This is called by the parent ListView, which just has 1 listener for the whole list */ /* This is called by the parent ListView, which just has 1 listener for the whole list */