mirror of
https://github.com/LemmyNet/lemmy.git
synced 2024-11-22 20:31:19 +00:00
Better columns
This commit is contained in:
parent
deb8fd317d
commit
2f0a7c5584
2 changed files with 6 additions and 5 deletions
|
@ -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}
|
||||
|
|
|
@ -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}
|
||||
|
|
Loading…
Reference in a new issue