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:
parent
d4e0ab43b4
commit
4c0bfa0b47
1 changed files with 5 additions and 5 deletions
10
ui/src/components/main.tsx
vendored
10
ui/src/components/main.tsx
vendored
|
@ -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()}
|
||||
|
|
Loading…
Reference in a new issue