mirror of
https://github.com/LemmyNet/lemmy-ui.git
synced 2024-11-01 10:09:56 +00:00
fix: Fix heading levels
This commit is contained in:
parent
1700476528
commit
a48c20a772
26 changed files with 156 additions and 133 deletions
|
@ -102,7 +102,7 @@ export class Communities extends Component<any, CommunitiesState> {
|
||||||
const { listingType, page } = this.getCommunitiesQueryParams();
|
const { listingType, page } = this.getCommunitiesQueryParams();
|
||||||
return (
|
return (
|
||||||
<div>
|
<div>
|
||||||
<h1 className="h4">
|
<h1 className="h4 mb-4">
|
||||||
{I18NextService.i18n.t("list_of_communities")}
|
{I18NextService.i18n.t("list_of_communities")}
|
||||||
</h1>
|
</h1>
|
||||||
<div className="row g-2 justify-content-between">
|
<div className="row g-2 justify-content-between">
|
||||||
|
|
|
@ -485,7 +485,7 @@ export class Community extends Component<
|
||||||
community && (
|
community && (
|
||||||
<div className="mb-2">
|
<div className="mb-2">
|
||||||
<BannerIconHeader banner={community.banner} icon={community.icon} />
|
<BannerIconHeader banner={community.banner} icon={community.icon} />
|
||||||
<h5 className="mb-0 overflow-wrap-anywhere">{community.title}</h5>
|
<h1 className="h4 mb-0 overflow-wrap-anywhere">{community.title}</h1>
|
||||||
<CommunityLink
|
<CommunityLink
|
||||||
community={community}
|
community={community}
|
||||||
realLink
|
realLink
|
||||||
|
|
|
@ -39,7 +39,9 @@ export class CreateCommunity extends Component<any, CreateCommunityState> {
|
||||||
/>
|
/>
|
||||||
<div className="row">
|
<div className="row">
|
||||||
<div className="col-12 col-lg-6 offset-lg-3 mb-4">
|
<div className="col-12 col-lg-6 offset-lg-3 mb-4">
|
||||||
<h5>{I18NextService.i18n.t("create_community")}</h5>
|
<h1 className="h4 mb-4">
|
||||||
|
{I18NextService.i18n.t("create_community")}
|
||||||
|
</h1>
|
||||||
<CommunityForm
|
<CommunityForm
|
||||||
onUpsertCommunity={this.handleCommunityCreate}
|
onUpsertCommunity={this.handleCommunityCreate}
|
||||||
enableNsfw={enableNsfw(this.state.siteRes)}
|
enableNsfw={enableNsfw(this.state.siteRes)}
|
||||||
|
|
|
@ -169,7 +169,7 @@ export class Sidebar extends Component<SidebarProps, SidebarState> {
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div>
|
<div>
|
||||||
<h5 className="mb-0">
|
<h2 className="h5 mb-0">
|
||||||
{this.props.showIcon && !community.removed && (
|
{this.props.showIcon && !community.removed && (
|
||||||
<BannerIconHeader icon={community.icon} banner={community.banner} />
|
<BannerIconHeader icon={community.icon} banner={community.banner} />
|
||||||
)}
|
)}
|
||||||
|
@ -191,7 +191,7 @@ export class Sidebar extends Component<SidebarProps, SidebarState> {
|
||||||
{I18NextService.i18n.t("nsfw")}
|
{I18NextService.i18n.t("nsfw")}
|
||||||
</small>
|
</small>
|
||||||
)}
|
)}
|
||||||
</h5>
|
</h2>
|
||||||
<CommunityLink
|
<CommunityLink
|
||||||
community={community}
|
community={community}
|
||||||
realLink
|
realLink
|
||||||
|
|
|
@ -135,6 +135,9 @@ export class AdminSettings extends Component<any, AdminSettingsState> {
|
||||||
role="tabpanel"
|
role="tabpanel"
|
||||||
id="site-tab-pane"
|
id="site-tab-pane"
|
||||||
>
|
>
|
||||||
|
<h1 className="h4 mb-4">
|
||||||
|
{I18NextService.i18n.t("site_config")}
|
||||||
|
</h1>
|
||||||
<div className="row">
|
<div className="row">
|
||||||
<div className="col-12 col-md-6">
|
<div className="col-12 col-md-6">
|
||||||
<SiteForm
|
<SiteForm
|
||||||
|
@ -149,6 +152,7 @@ export class AdminSettings extends Component<any, AdminSettingsState> {
|
||||||
</div>
|
</div>
|
||||||
<div className="col-12 col-md-6">
|
<div className="col-12 col-md-6">
|
||||||
{this.admins()}
|
{this.admins()}
|
||||||
|
<hr />
|
||||||
{this.bannedUsers()}
|
{this.bannedUsers()}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
@ -249,7 +253,9 @@ export class AdminSettings extends Component<any, AdminSettingsState> {
|
||||||
admins() {
|
admins() {
|
||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
<h5>{capitalizeFirstLetter(I18NextService.i18n.t("admins"))}</h5>
|
<h2 className="h5">
|
||||||
|
{capitalizeFirstLetter(I18NextService.i18n.t("admins"))}
|
||||||
|
</h2>
|
||||||
<ul className="list-unstyled">
|
<ul className="list-unstyled">
|
||||||
{this.state.siteRes.admins.map(admin => (
|
{this.state.siteRes.admins.map(admin => (
|
||||||
<li key={admin.person.id} className="list-inline-item">
|
<li key={admin.person.id} className="list-inline-item">
|
||||||
|
@ -289,7 +295,7 @@ export class AdminSettings extends Component<any, AdminSettingsState> {
|
||||||
const bans = this.state.bannedRes.data.banned;
|
const bans = this.state.bannedRes.data.banned;
|
||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
<h5>{I18NextService.i18n.t("banned_users")}</h5>
|
<h2 className="h5">{I18NextService.i18n.t("banned_users")}</h2>
|
||||||
<ul className="list-unstyled">
|
<ul className="list-unstyled">
|
||||||
{bans.map(banned => (
|
{bans.map(banned => (
|
||||||
<li key={banned.person.id} className="list-inline-item">
|
<li key={banned.person.id} className="list-inline-item">
|
||||||
|
|
|
@ -77,7 +77,7 @@ export class EmojiForm extends Component<EmojiFormProps, EmojiFormState> {
|
||||||
title={this.documentTitle}
|
title={this.documentTitle}
|
||||||
path={this.context.router.route.match.url}
|
path={this.context.router.route.match.url}
|
||||||
/>
|
/>
|
||||||
<h5 className="col-12">{I18NextService.i18n.t("custom_emojis")}</h5>
|
<h1 className="h4 mb-4">{I18NextService.i18n.t("custom_emojis")}</h1>
|
||||||
{customEmojisLookup.size > 0 && (
|
{customEmojisLookup.size > 0 && (
|
||||||
<div>
|
<div>
|
||||||
<EmojiMart
|
<EmojiMart
|
||||||
|
|
|
@ -85,24 +85,35 @@ export class Instances extends Component<any, InstancesState> {
|
||||||
case "success": {
|
case "success": {
|
||||||
const instances = this.state.instancesRes.data.federated_instances;
|
const instances = this.state.instancesRes.data.federated_instances;
|
||||||
return instances ? (
|
return instances ? (
|
||||||
|
<>
|
||||||
|
<h1 className="h4 mb-4">{I18NextService.i18n.t("instances")}</h1>
|
||||||
<div className="row">
|
<div className="row">
|
||||||
<div className="col-md-6">
|
<div className="col-md-6">
|
||||||
<h5>{I18NextService.i18n.t("linked_instances")}</h5>
|
<h2 className="h5 mb-3">
|
||||||
|
{I18NextService.i18n.t("linked_instances")}
|
||||||
|
</h2>
|
||||||
{this.itemList(instances.linked)}
|
{this.itemList(instances.linked)}
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="row">
|
||||||
{instances.allowed && instances.allowed.length > 0 && (
|
{instances.allowed && instances.allowed.length > 0 && (
|
||||||
<div className="col-md-6">
|
<div className="col-md-6">
|
||||||
<h5>{I18NextService.i18n.t("allowed_instances")}</h5>
|
<h2 className="h5 mb-3">
|
||||||
|
{I18NextService.i18n.t("allowed_instances")}
|
||||||
|
</h2>
|
||||||
{this.itemList(instances.allowed)}
|
{this.itemList(instances.allowed)}
|
||||||
</div>
|
</div>
|
||||||
)}
|
)}
|
||||||
{instances.blocked && instances.blocked.length > 0 && (
|
{instances.blocked && instances.blocked.length > 0 && (
|
||||||
<div className="col-md-6">
|
<div className="col-md-6">
|
||||||
<h5>{I18NextService.i18n.t("blocked_instances")}</h5>
|
<h2 className="h5 mb-3">
|
||||||
|
{I18NextService.i18n.t("blocked_instances")}
|
||||||
|
</h2>
|
||||||
{this.itemList(instances.blocked)}
|
{this.itemList(instances.blocked)}
|
||||||
</div>
|
</div>
|
||||||
)}
|
)}
|
||||||
</div>
|
</div>
|
||||||
|
</>
|
||||||
) : (
|
) : (
|
||||||
<></>
|
<></>
|
||||||
);
|
);
|
||||||
|
|
|
@ -59,9 +59,9 @@ export class LoginReset extends Component<any, State> {
|
||||||
loginResetForm() {
|
loginResetForm() {
|
||||||
return (
|
return (
|
||||||
<form onSubmit={linkEvent(this, this.handlePasswordReset)}>
|
<form onSubmit={linkEvent(this, this.handlePasswordReset)}>
|
||||||
<h5>
|
<h1 className="h4 mb-4">
|
||||||
{capitalizeFirstLetter(I18NextService.i18n.t("forgot_password"))}
|
{capitalizeFirstLetter(I18NextService.i18n.t("forgot_password"))}
|
||||||
</h5>
|
</h1>
|
||||||
|
|
||||||
<div className="form-group row">
|
<div className="form-group row">
|
||||||
<label className="col-form-label">
|
<label className="col-form-label">
|
||||||
|
|
|
@ -69,7 +69,7 @@ export class Login extends Component<any, State> {
|
||||||
return (
|
return (
|
||||||
<div>
|
<div>
|
||||||
<form onSubmit={linkEvent(this, this.handleLoginSubmit)}>
|
<form onSubmit={linkEvent(this, this.handleLoginSubmit)}>
|
||||||
<h5>{I18NextService.i18n.t("login")}</h5>
|
<h1 className="h4 mb-4">{I18NextService.i18n.t("login")}</h1>
|
||||||
<div className="mb-3 row">
|
<div className="mb-3 row">
|
||||||
<label
|
<label
|
||||||
className="col-sm-2 col-form-label"
|
className="col-sm-2 col-form-label"
|
||||||
|
|
|
@ -145,7 +145,9 @@ export default class RateLimitsForm extends Component<
|
||||||
className="rate-limit-form"
|
className="rate-limit-form"
|
||||||
onSubmit={linkEvent(this, submitRateLimitForm)}
|
onSubmit={linkEvent(this, submitRateLimitForm)}
|
||||||
>
|
>
|
||||||
<h5>{I18NextService.i18n.t("rate_limit_header")}</h5>
|
<h1 className="h4 mb-4">
|
||||||
|
{I18NextService.i18n.t("rate_limit_header")}
|
||||||
|
</h1>
|
||||||
<Tabs
|
<Tabs
|
||||||
tabs={rateLimitTypes.map(rateLimitType => ({
|
tabs={rateLimitTypes.map(rateLimitType => ({
|
||||||
key: rateLimitType,
|
key: rateLimitType,
|
||||||
|
|
|
@ -63,7 +63,9 @@ export class Setup extends Component<any, State> {
|
||||||
<Helmet title={this.documentTitle} />
|
<Helmet title={this.documentTitle} />
|
||||||
<div className="row">
|
<div className="row">
|
||||||
<div className="col-12 offset-lg-3 col-lg-6">
|
<div className="col-12 offset-lg-3 col-lg-6">
|
||||||
<h3>{I18NextService.i18n.t("lemmy_instance_setup")}</h3>
|
<h1 className="h4 mb-4">
|
||||||
|
{I18NextService.i18n.t("lemmy_instance_setup")}
|
||||||
|
</h1>
|
||||||
{!this.state.doneRegisteringUser ? (
|
{!this.state.doneRegisteringUser ? (
|
||||||
this.registerUser()
|
this.registerUser()
|
||||||
) : (
|
) : (
|
||||||
|
@ -84,7 +86,7 @@ export class Setup extends Component<any, State> {
|
||||||
registerUser() {
|
registerUser() {
|
||||||
return (
|
return (
|
||||||
<form onSubmit={linkEvent(this, this.handleRegisterSubmit)}>
|
<form onSubmit={linkEvent(this, this.handleRegisterSubmit)}>
|
||||||
<h5>{I18NextService.i18n.t("setup_admin")}</h5>
|
<h2 className="h5 mb-3">{I18NextService.i18n.t("setup_admin")}</h2>
|
||||||
<div className="mb-3 row">
|
<div className="mb-3 row">
|
||||||
<label className="col-sm-2 col-form-label" htmlFor="username">
|
<label className="col-sm-2 col-form-label" htmlFor="username">
|
||||||
{I18NextService.i18n.t("username")}
|
{I18NextService.i18n.t("username")}
|
||||||
|
|
|
@ -144,7 +144,7 @@ export class Signup extends Component<any, State> {
|
||||||
className="was-validated"
|
className="was-validated"
|
||||||
onSubmit={linkEvent(this, this.handleRegisterSubmit)}
|
onSubmit={linkEvent(this, this.handleRegisterSubmit)}
|
||||||
>
|
>
|
||||||
<h5>{this.titleName(siteView)}</h5>
|
<h1 className="h4 mb-4">{this.titleName(siteView)}</h1>
|
||||||
|
|
||||||
{this.isLemmyMl && (
|
{this.isLemmyMl && (
|
||||||
<div className="mb-3 row">
|
<div className="mb-3 row">
|
||||||
|
|
|
@ -136,11 +136,11 @@ export class SiteForm extends Component<SiteFormProps, SiteFormState> {
|
||||||
!this.state.submitted
|
!this.state.submitted
|
||||||
}
|
}
|
||||||
/>
|
/>
|
||||||
<h5>{`${
|
<h2 className="h5">{`${
|
||||||
siteSetup
|
siteSetup
|
||||||
? capitalizeFirstLetter(I18NextService.i18n.t("edit"))
|
? capitalizeFirstLetter(I18NextService.i18n.t("edit"))
|
||||||
: capitalizeFirstLetter(I18NextService.i18n.t("setup"))
|
: capitalizeFirstLetter(I18NextService.i18n.t("setup"))
|
||||||
} ${I18NextService.i18n.t("your_site")}`}</h5>
|
} ${I18NextService.i18n.t("your_site")}`}</h2>
|
||||||
<div className="mb-3 row">
|
<div className="mb-3 row">
|
||||||
<label className="col-12 col-form-label" htmlFor="create-site-name">
|
<label className="col-12 col-form-label" htmlFor="create-site-name">
|
||||||
{I18NextService.i18n.t("name")}
|
{I18NextService.i18n.t("name")}
|
||||||
|
|
|
@ -37,7 +37,7 @@ export class TaglineForm extends Component<TaglineFormProps, TaglineFormState> {
|
||||||
title={this.documentTitle}
|
title={this.documentTitle}
|
||||||
path={this.context.router.route.match.url}
|
path={this.context.router.route.match.url}
|
||||||
/>
|
/>
|
||||||
<h5 className="col-12">{I18NextService.i18n.t("taglines")}</h5>
|
<h1 className="h4 mb-4">{I18NextService.i18n.t("taglines")}</h1>
|
||||||
<div className="table-responsive col-12">
|
<div className="table-responsive col-12">
|
||||||
<table id="taglines_table" className="table table-sm table-hover">
|
<table id="taglines_table" className="table table-sm table-hover">
|
||||||
<thead className="pointer">
|
<thead className="pointer">
|
||||||
|
|
|
@ -751,7 +751,8 @@ export class Modlog extends Component<
|
||||||
path={this.context.router.route.match.url}
|
path={this.context.router.route.match.url}
|
||||||
/>
|
/>
|
||||||
|
|
||||||
<div>
|
<h1 className="h4 mb-4">{I18NextService.i18n.t("modlog")}</h1>
|
||||||
|
|
||||||
<div
|
<div
|
||||||
className="alert alert-warning text-sm-start text-xs-center"
|
className="alert alert-warning text-sm-start text-xs-center"
|
||||||
role="alert"
|
role="alert"
|
||||||
|
@ -792,15 +793,11 @@ export class Modlog extends Component<
|
||||||
<option value={"ModLockPost"}>Locking Posts</option>
|
<option value={"ModLockPost"}>Locking Posts</option>
|
||||||
<option value={"ModFeaturePost"}>Featuring Posts</option>
|
<option value={"ModFeaturePost"}>Featuring Posts</option>
|
||||||
<option value={"ModRemoveComment"}>Removing Comments</option>
|
<option value={"ModRemoveComment"}>Removing Comments</option>
|
||||||
<option value={"ModRemoveCommunity"}>
|
<option value={"ModRemoveCommunity"}>Removing Communities</option>
|
||||||
Removing Communities
|
|
||||||
</option>
|
|
||||||
<option value={"ModBanFromCommunity"}>
|
<option value={"ModBanFromCommunity"}>
|
||||||
Banning From Communities
|
Banning From Communities
|
||||||
</option>
|
</option>
|
||||||
<option value={"ModAddCommunity"}>
|
<option value={"ModAddCommunity"}>Adding Mod to Community</option>
|
||||||
Adding Mod to Community
|
|
||||||
</option>
|
|
||||||
<option value={"ModTransferCommunity"}>
|
<option value={"ModTransferCommunity"}>
|
||||||
Transferring Communities
|
Transferring Communities
|
||||||
</option>
|
</option>
|
||||||
|
@ -832,7 +829,6 @@ export class Modlog extends Component<
|
||||||
</div>
|
</div>
|
||||||
{this.renderModlogTable()}
|
{this.renderModlogTable()}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -221,7 +221,7 @@ export class Inbox extends Component<any, InboxState> {
|
||||||
title={this.documentTitle}
|
title={this.documentTitle}
|
||||||
path={this.context.router.route.match.url}
|
path={this.context.router.route.match.url}
|
||||||
/>
|
/>
|
||||||
<h5 className="mb-2">
|
<h1 className="h4 mb-4">
|
||||||
{I18NextService.i18n.t("inbox")}
|
{I18NextService.i18n.t("inbox")}
|
||||||
{inboxRss && (
|
{inboxRss && (
|
||||||
<small>
|
<small>
|
||||||
|
@ -235,7 +235,7 @@ export class Inbox extends Component<any, InboxState> {
|
||||||
/>
|
/>
|
||||||
</small>
|
</small>
|
||||||
)}
|
)}
|
||||||
</h5>
|
</h1>
|
||||||
{this.hasUnreads && (
|
{this.hasUnreads && (
|
||||||
<button
|
<button
|
||||||
className="btn btn-secondary mb-2"
|
className="btn btn-secondary mb-2"
|
||||||
|
|
|
@ -47,7 +47,9 @@ export class PasswordChange extends Component<any, State> {
|
||||||
/>
|
/>
|
||||||
<div className="row">
|
<div className="row">
|
||||||
<div className="col-12 col-lg-6 offset-lg-3 mb-4">
|
<div className="col-12 col-lg-6 offset-lg-3 mb-4">
|
||||||
<h5>{I18NextService.i18n.t("password_change")}</h5>
|
<h1 className="h4 mb-4">
|
||||||
|
{I18NextService.i18n.t("password_change")}
|
||||||
|
</h1>
|
||||||
{this.passwordChangeForm()}
|
{this.passwordChangeForm()}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -137,7 +137,7 @@ const getCommunitiesListing = (
|
||||||
communityViews.length > 0 && (
|
communityViews.length > 0 && (
|
||||||
<div className="card border-secondary mb-3">
|
<div className="card border-secondary mb-3">
|
||||||
<div className="card-body">
|
<div className="card-body">
|
||||||
<h5>{I18NextService.i18n.t(translationKey)}</h5>
|
<h2 className="h5">{I18NextService.i18n.t(translationKey)}</h2>
|
||||||
<ul className="list-unstyled mb-0">
|
<ul className="list-unstyled mb-0">
|
||||||
{communityViews.map(({ community }) => (
|
{communityViews.map(({ community }) => (
|
||||||
<li key={community.id}>
|
<li key={community.id}>
|
||||||
|
@ -472,7 +472,7 @@ export class Profile extends Component<
|
||||||
<div className="mb-0 d-flex flex-wrap">
|
<div className="mb-0 d-flex flex-wrap">
|
||||||
<div>
|
<div>
|
||||||
{pv.person.display_name && (
|
{pv.person.display_name && (
|
||||||
<h5 className="mb-0">{pv.person.display_name}</h5>
|
<h1 className="h4 mb-4">{pv.person.display_name}</h1>
|
||||||
)}
|
)}
|
||||||
<ul className="list-inline mb-2">
|
<ul className="list-inline mb-2">
|
||||||
<li className="list-inline-item">
|
<li className="list-inline-item">
|
||||||
|
|
|
@ -100,9 +100,9 @@ export class RegistrationApplications extends Component<
|
||||||
title={this.documentTitle}
|
title={this.documentTitle}
|
||||||
path={this.context.router.route.match.url}
|
path={this.context.router.route.match.url}
|
||||||
/>
|
/>
|
||||||
<h5 className="mb-2">
|
<h1 className="h4 mb-4">
|
||||||
{I18NextService.i18n.t("registration_applications")}
|
{I18NextService.i18n.t("registration_applications")}
|
||||||
</h5>
|
</h1>
|
||||||
{this.selects()}
|
{this.selects()}
|
||||||
{this.applicationList(apps)}
|
{this.applicationList(apps)}
|
||||||
<Paginator
|
<Paginator
|
||||||
|
|
|
@ -152,7 +152,7 @@ export class Reports extends Component<any, ReportsState> {
|
||||||
title={this.documentTitle}
|
title={this.documentTitle}
|
||||||
path={this.context.router.route.match.url}
|
path={this.context.router.route.match.url}
|
||||||
/>
|
/>
|
||||||
<h5 className="mb-2">{I18NextService.i18n.t("reports")}</h5>
|
<h1 className="h4 mb-4">{I18NextService.i18n.t("reports")}</h1>
|
||||||
{this.selects()}
|
{this.selects()}
|
||||||
{this.section}
|
{this.section}
|
||||||
<Paginator
|
<Paginator
|
||||||
|
|
|
@ -316,7 +316,7 @@ export class Settings extends Component<any, SettingsState> {
|
||||||
changePasswordHtmlForm() {
|
changePasswordHtmlForm() {
|
||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
<h5>{I18NextService.i18n.t("change_password")}</h5>
|
<h2 className="h5">{I18NextService.i18n.t("change_password")}</h2>
|
||||||
<form onSubmit={linkEvent(this, this.handleChangePasswordSubmit)}>
|
<form onSubmit={linkEvent(this, this.handleChangePasswordSubmit)}>
|
||||||
<div className="mb-3 row">
|
<div className="mb-3 row">
|
||||||
<label className="col-sm-5 col-form-label" htmlFor="user-password">
|
<label className="col-sm-5 col-form-label" htmlFor="user-password">
|
||||||
|
@ -409,7 +409,7 @@ export class Settings extends Component<any, SettingsState> {
|
||||||
blockedUsersList() {
|
blockedUsersList() {
|
||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
<h5>{I18NextService.i18n.t("blocked_users")}</h5>
|
<h2 className="h5">{I18NextService.i18n.t("blocked_users")}</h2>
|
||||||
<ul className="list-unstyled mb-0">
|
<ul className="list-unstyled mb-0">
|
||||||
{this.state.personBlocks.map(pb => (
|
{this.state.personBlocks.map(pb => (
|
||||||
<li key={pb.target.id}>
|
<li key={pb.target.id}>
|
||||||
|
@ -453,7 +453,7 @@ export class Settings extends Component<any, SettingsState> {
|
||||||
blockedCommunitiesList() {
|
blockedCommunitiesList() {
|
||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
<h5>{I18NextService.i18n.t("blocked_communities")}</h5>
|
<h2 className="h5">{I18NextService.i18n.t("blocked_communities")}</h2>
|
||||||
<ul className="list-unstyled mb-0">
|
<ul className="list-unstyled mb-0">
|
||||||
{this.state.communityBlocks.map(cb => (
|
{this.state.communityBlocks.map(cb => (
|
||||||
<li key={cb.community.id}>
|
<li key={cb.community.id}>
|
||||||
|
@ -484,7 +484,7 @@ export class Settings extends Component<any, SettingsState> {
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
<h5>{I18NextService.i18n.t("settings")}</h5>
|
<h2 className="h5">{I18NextService.i18n.t("settings")}</h2>
|
||||||
<form onSubmit={linkEvent(this, this.handleSaveSettingsSubmit)}>
|
<form onSubmit={linkEvent(this, this.handleSaveSettingsSubmit)}>
|
||||||
<div className="mb-3 row">
|
<div className="mb-3 row">
|
||||||
<label className="col-sm-3 col-form-label" htmlFor="display-name">
|
<label className="col-sm-3 col-form-label" htmlFor="display-name">
|
||||||
|
|
|
@ -60,7 +60,7 @@ export class VerifyEmail extends Component<any, State> {
|
||||||
/>
|
/>
|
||||||
<div className="row">
|
<div className="row">
|
||||||
<div className="col-12 col-lg-6 offset-lg-3 mb-4">
|
<div className="col-12 col-lg-6 offset-lg-3 mb-4">
|
||||||
<h5>{I18NextService.i18n.t("verify_email")}</h5>
|
<h1 className="h4 mb-4">{I18NextService.i18n.t("verify_email")}</h1>
|
||||||
{this.state.verifyRes.state == "loading" && (
|
{this.state.verifyRes.state == "loading" && (
|
||||||
<h5>
|
<h5>
|
||||||
<Spinner large />
|
<Spinner large />
|
||||||
|
|
|
@ -170,7 +170,9 @@ export class CreatePost extends Component<
|
||||||
id="createPostForm"
|
id="createPostForm"
|
||||||
className="col-12 col-lg-6 offset-lg-3 mb-4"
|
className="col-12 col-lg-6 offset-lg-3 mb-4"
|
||||||
>
|
>
|
||||||
<h1 className="h4">{I18NextService.i18n.t("create_post")}</h1>
|
<h1 className="h4 mb-4">
|
||||||
|
{I18NextService.i18n.t("create_post")}
|
||||||
|
</h1>
|
||||||
<PostForm
|
<PostForm
|
||||||
onCreate={this.handlePostCreate}
|
onCreate={this.handlePostCreate}
|
||||||
params={locationState}
|
params={locationState}
|
||||||
|
|
|
@ -478,7 +478,7 @@ export class PostListing extends Component<PostListingProps, PostListingState> {
|
||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
<div className="post-title overflow-hidden">
|
<div className="post-title overflow-hidden">
|
||||||
<h5 className="d-inline">
|
<h1 className="h5 d-inline">
|
||||||
{url && this.props.showBody ? (
|
{url && this.props.showBody ? (
|
||||||
<a
|
<a
|
||||||
className={
|
className={
|
||||||
|
@ -494,7 +494,7 @@ export class PostListing extends Component<PostListingProps, PostListingState> {
|
||||||
) : (
|
) : (
|
||||||
this.postLink
|
this.postLink
|
||||||
)}
|
)}
|
||||||
</h5>
|
</h1>
|
||||||
|
|
||||||
{/**
|
{/**
|
||||||
* If there is a URL, an embed title, and we were not told to show the
|
* If there is a URL, an embed title, and we were not told to show the
|
||||||
|
|
|
@ -115,7 +115,7 @@ export class CreatePrivateMessage extends Component<
|
||||||
return (
|
return (
|
||||||
<div className="row">
|
<div className="row">
|
||||||
<div className="col-12 col-lg-6 offset-lg-3 mb-4">
|
<div className="col-12 col-lg-6 offset-lg-3 mb-4">
|
||||||
<h1 className="h4">
|
<h1 className="h4 mb-4">
|
||||||
{I18NextService.i18n.t("create_private_message")}
|
{I18NextService.i18n.t("create_private_message")}
|
||||||
</h1>
|
</h1>
|
||||||
<PrivateMessageForm
|
<PrivateMessageForm
|
||||||
|
|
|
@ -467,7 +467,7 @@ export class Search extends Component<any, SearchState> {
|
||||||
title={this.documentTitle}
|
title={this.documentTitle}
|
||||||
path={this.context.router.route.match.url}
|
path={this.context.router.route.match.url}
|
||||||
/>
|
/>
|
||||||
<h5>{I18NextService.i18n.t("search")}</h5>
|
<h1 className="h4 mb-4">{I18NextService.i18n.t("search")}</h1>
|
||||||
{this.selects}
|
{this.selects}
|
||||||
{this.searchForm}
|
{this.searchForm}
|
||||||
{this.displayResults(type)}
|
{this.displayResults(type)}
|
||||||
|
|
Loading…
Reference in a new issue