Better columns

This commit is contained in:
Dessalines 2019-05-06 09:26:21 -07:00
parent deb8fd317d
commit 2f0a7c5584
2 changed files with 6 additions and 5 deletions

View file

@ -36,6 +36,7 @@ export class Community extends Component<any, State> {
number_of_comments: null,
published: null,
removed: null,
deleted: null,
},
moderators: [],
admins: [],
@ -98,7 +99,7 @@ export class Community extends Component<any, State> {
{this.state.loading ?
<h5><svg class="icon icon-spinner spin"><use xlinkHref="#icon-spinner"></use></svg></h5> :
<div class="row">
<div class="col-12 col-md-9">
<div class="col-12 col-md-8">
<h5>{this.state.community.title}
{this.state.community.removed &&
<small className="ml-2 text-muted font-italic">removed</small>
@ -108,7 +109,7 @@ export class Community extends Component<any, State> {
<PostListings posts={this.state.posts} />
{this.paginator()}
</div>
<div class="col-12 col-md-3">
<div class="col-12 col-md-4">
<Sidebar
community={this.state.community}
moderators={this.state.moderators}

View file

@ -80,7 +80,7 @@ export class Post extends Component<any, PostState> {
{this.state.loading ?
<h5><svg class="icon icon-spinner spin"><use xlinkHref="#icon-spinner"></use></svg></h5> :
<div class="row">
<div class="col-12 col-md-8 col-lg-7 mb-3">
<div class="col-12 col-md-8 col-lg-6 mb-3">
<PostListing
post={this.state.post}
showBody
@ -97,7 +97,7 @@ export class Post extends Component<any, PostState> {
<div class="col-12 col-md-4 col-lg-3 mb-3 d-none d-md-block px-0">
{this.state.comments.length > 0 && this.newComments()}
</div>
<div class="col-12 col-sm-12 col-lg-2">
<div class="col-12 col-sm-12 col-lg-3">
{this.sidebar()}
</div>
</div>
@ -148,7 +148,7 @@ export class Post extends Component<any, PostState> {
sidebar() {
return (
<div class="sticky-top">
<div class="">
<Sidebar
community={this.state.community}
moderators={this.state.moderators}