nutomic/lemmy
Archived
2
0
Fork 1
Code Issues Pull requests Releases Wiki Activity

Better columns

Browse source
This commit is contained in:
Dessalines 2019-05-06 09:26:21 -07:00
parent 2ed3368eb8
commit b3ce400da0
2 changed files with 6 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
ui/src/components/community.tsx
View file

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

6
ui/src/components/post.tsx
View file

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