changed divs to main element and aside element for the layout, added main role as well. centered (through inline styles) the loader

This commit is contained in:
Richard 2020-01-18 14:22:06 +01:00
parent d4e0ab43b4
commit 4c0bfa0b47

View file

@ -158,8 +158,8 @@ export class Main extends Component<any, MainState> {
return (
<div class="container">
<div class="row">
<div class="col-12 col-md-8">{this.posts()}</div>
<div class="col-12 col-md-4">{this.my_sidebar()}</div>
<main role="main" class="col-12 col-md-8">{this.posts()}</main>
<aside class="col-12 col-md-4">{this.my_sidebar()}</aside>
</div>
</div>
);
@ -412,13 +412,13 @@ export class Main extends Component<any, MainState> {
posts() {
return (
<div>
<div class="main-content-wrapper">
{this.state.loading ? (
<h5>
<p style="text-align: center;">
<svg class="icon icon-spinner spin">
<use xlinkHref="#icon-spinner"></use>
</svg>
</h5>
</p>
) : (
<div>
{this.selects()}