fix: Fix some small style issues
This commit is contained in:
parent
c8758317f7
commit
3564c6c379
2 changed files with 12 additions and 18 deletions
|
@ -1,4 +1,3 @@
|
||||||
import classNames from "classnames";
|
|
||||||
import { NoOptionI18nKeys } from "i18next";
|
import { NoOptionI18nKeys } from "i18next";
|
||||||
import { Component, linkEvent, MouseEventHandler } from "inferno";
|
import { Component, linkEvent, MouseEventHandler } from "inferno";
|
||||||
import { T } from "inferno-i18next-dess";
|
import { T } from "inferno-i18next-dess";
|
||||||
|
@ -506,11 +505,7 @@ export class Home extends Component<any, HomeState> {
|
||||||
case "success": {
|
case "success": {
|
||||||
const trending = this.state.trendingCommunitiesRes.data.communities;
|
const trending = this.state.trendingCommunitiesRes.data.communities;
|
||||||
return (
|
return (
|
||||||
<div
|
<>
|
||||||
className={classNames({
|
|
||||||
"mb-2": !isMobile,
|
|
||||||
})}
|
|
||||||
>
|
|
||||||
<header className="card-header d-flex align-items-center">
|
<header className="card-header d-flex align-items-center">
|
||||||
<h5 className="mb-0">
|
<h5 className="mb-0">
|
||||||
<T i18nKey="trending_communities">
|
<T i18nKey="trending_communities">
|
||||||
|
@ -522,6 +517,7 @@ export class Home extends Component<any, HomeState> {
|
||||||
</h5>
|
</h5>
|
||||||
</header>
|
</header>
|
||||||
<div className="card-body">
|
<div className="card-body">
|
||||||
|
{trending.length > 0 && (
|
||||||
<ul className="list-inline">
|
<ul className="list-inline">
|
||||||
{trending.map(cv => (
|
{trending.map(cv => (
|
||||||
<li key={cv.community.id} className="list-inline-item">
|
<li key={cv.community.id} className="list-inline-item">
|
||||||
|
@ -529,6 +525,7 @@ export class Home extends Component<any, HomeState> {
|
||||||
</li>
|
</li>
|
||||||
))}
|
))}
|
||||||
</ul>
|
</ul>
|
||||||
|
)}
|
||||||
{canCreateCommunity(this.state.siteRes) && (
|
{canCreateCommunity(this.state.siteRes) && (
|
||||||
<LinkButton
|
<LinkButton
|
||||||
path="/create_community"
|
path="/create_community"
|
||||||
|
@ -540,7 +537,7 @@ export class Home extends Component<any, HomeState> {
|
||||||
translationKey="explore_communities"
|
translationKey="explore_communities"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -31,10 +31,7 @@ export class SiteSidebar extends Component<SiteSidebarProps, SiteSidebarState> {
|
||||||
render() {
|
render() {
|
||||||
return (
|
return (
|
||||||
<div className="accordion">
|
<div className="accordion">
|
||||||
<section
|
<section id="sidebarInfo" className="card border-secondary mb-3">
|
||||||
id="sidebarInfo"
|
|
||||||
className="card border-secondary mb-3 overflow-hidden"
|
|
||||||
>
|
|
||||||
<header
|
<header
|
||||||
className="card-header d-flex align-items-center"
|
className="card-header d-flex align-items-center"
|
||||||
id="sidebarInfoHeader"
|
id="sidebarInfoHeader"
|
||||||
|
|
Loading…
Reference in a new issue