fix: Fix some small style issues

This commit is contained in:
Jay Sitter 2023-06-17 17:01:14 -04:00
parent c8758317f7
commit 3564c6c379
2 changed files with 12 additions and 18 deletions

View file

@ -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> </>
); );
} }
} }

View file

@ -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"