Center UnknownRoomView content vertically

This commit is contained in:
Paulo Pinto 2023-01-09 15:55:24 +00:00
parent 023b36575f
commit dcd514a484
No known key found for this signature in database
2 changed files with 21 additions and 12 deletions

View File

@ -959,9 +959,16 @@ button.link {
margin: 0;
}
.UnknownRoomView_body {
.UnknownRoomView_container {
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.UnknownRoomView_body {
height: 100%;
text-align: center;
padding: 16px;
box-sizing: border-box;

View File

@ -24,6 +24,7 @@ export class UnknownRoomView extends TemplateView {
t.h2("Join room"),
]),
t.div({className: "UnknownRoomView_body centered-column"}, [
t.div({className: "UnknownRoomView_container"}, [
t.h2([
vm.i18n`You are currently not in ${vm.roomIdOrAlias}.`,
t.br(),
@ -36,6 +37,7 @@ export class UnknownRoomView extends TemplateView {
}, vm.i18n`Join room`),
t.if(vm => vm.error, t => t.p({className: "error"}, vm.error))
])
])
]);
}
}