Change for container divs to container-lg (#813)

* Change for container divs to container-lg * Apply container-lg to footer.tsx
2024-11-22 12:21:13 +00:00 · 2022-10-03 21:16:36 +03:00 · 2022-10-03 21:16:36 +03:00 · d412baf758
commit d412baf758
parent ef28f3c4d9
25 changed files with 25 additions and 25 deletions
--- a/src/shared/components/app/footer.tsx
+++ b/src/shared/components/app/footer.tsx
@ -16,7 +16,7 @@ export class Footer extends Component<FooterProps, any> {

  render() {
    return (
-      <nav className="container navbar navbar-expand-md navbar-light navbar-bg p-3">
+      <nav className="container-lg navbar navbar-expand-md navbar-light navbar-bg p-3">
        <div className="navbar-collapse">
          <ul className="navbar-nav ml-auto">
            {this.props.site.version !== VERSION && (
--- a/src/shared/components/app/navbar.tsx
+++ b/src/shared/components/app/navbar.tsx
@ -146,7 +146,7 @@ export class Navbar extends Component<NavbarProps, NavbarState> {
  navbar() {
    return (
      <nav className="navbar navbar-expand-md navbar-light shadow-sm p-0 px-3">
-        <div className="container">
+        <div className="container-lg">
          {this.props.siteRes.site_view.match({
            some: siteView => (
              <NavLink
--- a/src/shared/components/app/no-match.tsx
+++ b/src/shared/components/app/no-match.tsx
@ -13,7 +13,7 @@ export class NoMatch extends Component<any, any> {

  render() {
    return (
-      <div className="container">
+      <div className="container-lg">
        <h1>404</h1>
        {this.errCode && (
          <h3>
--- a/src/shared/components/community/communities.tsx
+++ b/src/shared/components/community/communities.tsx
@ -117,7 +117,7 @@ export class Communities extends Component<any, CommunitiesState> {

  render() {
    return (
-      <div className="container">
+      <div className="container-lg">
        <HtmlTags
          title={this.documentTitle}
          path={this.context.router.route.match.url}
--- a/src/shared/components/community/community.tsx
+++ b/src/shared/components/community/community.tsx
@ -283,7 +283,7 @@ export class Community extends Component<any, State> {

  render() {
    return (
-      <div className="container">
+      <div className="container-lg">
        {this.state.communityLoading ? (
          <h5>
            <Spinner large />
--- a/src/shared/components/community/create-community.tsx
+++ b/src/shared/components/community/create-community.tsx
@ -56,7 +56,7 @@ export class CreateCommunity extends Component<any, CreateCommunityState> {

  render() {
    return (
-      <div className="container">
+      <div className="container-lg">
        <HtmlTags
          title={this.documentTitle}
          path={this.context.router.route.match.url}
--- a/src/shared/components/home/admin-settings.tsx
+++ b/src/shared/components/home/admin-settings.tsx
@ -104,7 +104,7 @@ export class AdminSettings extends Component<any, AdminSettingsState> {

  render() {
    return (
-      <div className="container">
+      <div className="container-lg">
        {this.state.loading ? (
          <h5>
            <Spinner large />
--- a/src/shared/components/home/home.tsx
+++ b/src/shared/components/home/home.tsx
@ -322,7 +322,7 @@ export class Home extends Component<any, HomeState> {

  render() {
    return (
-      <div className="container">
+      <div className="container-lg">
        <HtmlTags
          title={this.documentTitle}
          path={this.context.router.route.match.url}
--- a/src/shared/components/home/instances.tsx
+++ b/src/shared/components/home/instances.tsx
@ -30,7 +30,7 @@ export class Instances extends Component<any, InstancesState> {
  render() {
    return this.state.siteRes.federated_instances.match({
      some: federated_instances => (
-        <div className="container">
+        <div className="container-lg">
          <HtmlTags
            title={this.documentTitle}
            path={this.context.router.route.match.url}
--- a/src/shared/components/home/legal.tsx
+++ b/src/shared/components/home/legal.tsx
@ -26,7 +26,7 @@ export class Legal extends Component<any, LegalState> {

  render() {
    return (
-      <div className="container">
+      <div className="container-lg">
        <HtmlTags
          title={this.documentTitle}
          path={this.context.router.route.match.url}
--- a/src/shared/components/home/login.tsx
+++ b/src/shared/components/home/login.tsx
@ -81,7 +81,7 @@ export class Login extends Component<any, State> {

  render() {
    return (
-      <div className="container">
+      <div className="container-lg">
        <HtmlTags
          title={this.documentTitle}
          path={this.context.router.route.match.url}
--- a/src/shared/components/home/setup.tsx
+++ b/src/shared/components/home/setup.tsx
@ -67,7 +67,7 @@ export class Setup extends Component<any, State> {

  render() {
    return (
-      <div className="container">
+      <div className="container-lg">
        <Helmet title={this.documentTitle} />
        <div className="row">
          <div className="col-12 offset-lg-3 col-lg-6">
--- a/src/shared/components/home/signup.tsx
+++ b/src/shared/components/home/signup.tsx
@ -127,7 +127,7 @@ export class Signup extends Component<any, State> {

  render() {
    return (
-      <div className="container">
+      <div className="container-lg">
        <HtmlTags
          title={this.documentTitle}
          path={this.context.router.route.match.url}
--- a/src/shared/components/modlog.tsx
+++ b/src/shared/components/modlog.tsx
@ -640,7 +640,7 @@ export class Modlog extends Component<any, ModlogState> {

  render() {
    return (
-      <div className="container">
+      <div className="container-lg">
        <HtmlTags
          title={this.documentTitle}
          path={this.context.router.route.match.url}
--- a/src/shared/components/person/inbox.tsx
+++ b/src/shared/components/person/inbox.tsx
@ -171,7 +171,7 @@ export class Inbox extends Component<any, InboxState> {
      .ok()
      .map(a => `/feeds/inbox/${a}.xml`);
    return (
-      <div className="container">
+      <div className="container-lg">
        {this.state.loading ? (
          <h5>
            <Spinner large />
--- a/src/shared/components/person/password-change.tsx
+++ b/src/shared/components/person/password-change.tsx
@ -66,7 +66,7 @@ export class PasswordChange extends Component<any, State> {

  render() {
    return (
-      <div className="container">
+      <div className="container-lg">
        <HtmlTags
          title={this.documentTitle}
          path={this.context.router.route.match.url}
--- a/src/shared/components/person/profile.tsx
+++ b/src/shared/components/person/profile.tsx
@ -251,7 +251,7 @@ export class Profile extends Component<any, ProfileState> {

  render() {
    return (
-      <div className="container">
+      <div className="container-lg">
        {this.state.loading ? (
          <h5>
            <Spinner large />
--- a/src/shared/components/person/registration-applications.tsx
+++ b/src/shared/components/person/registration-applications.tsx
@ -113,7 +113,7 @@ export class RegistrationApplications extends Component<

  render() {
    return (
-      <div className="container">
+      <div className="container-lg">
        {this.state.loading ? (
          <h5>
            <Spinner large />
--- a/src/shared/components/person/reports.tsx
+++ b/src/shared/components/person/reports.tsx
@ -165,7 +165,7 @@ export class Reports extends Component<any, ReportsState> {

  render() {
    return (
-      <div className="container">
+      <div className="container-lg">
        {this.state.loading ? (
          <h5>
            <Spinner large />
--- a/src/shared/components/person/settings.tsx
+++ b/src/shared/components/person/settings.tsx
@ -204,7 +204,7 @@ export class Settings extends Component<any, SettingsState> {

  render() {
    return (
-      <div className="container">
+      <div className="container-lg">
        <>
          <HtmlTags
            title={this.documentTitle}
--- a/src/shared/components/person/verify-email.tsx
+++ b/src/shared/components/person/verify-email.tsx
@ -66,7 +66,7 @@ export class VerifyEmail extends Component<any, State> {

  render() {
    return (
-      <div className="container">
+      <div className="container-lg">
        <HtmlTags
          title={this.documentTitle}
          path={this.context.router.route.match.url}
--- a/src/shared/components/post/create-post.tsx
+++ b/src/shared/components/post/create-post.tsx
@ -127,7 +127,7 @@ export class CreatePost extends Component<any, CreatePostState> {

  render() {
    return (
-      <div className="container">
+      <div className="container-lg">
        <HtmlTags
          title={this.documentTitle}
          path={this.context.router.route.match.url}
--- a/src/shared/components/post/post.tsx
+++ b/src/shared/components/post/post.tsx
@ -345,7 +345,7 @@ export class Post extends Component<any, PostState> {

  render() {
    return (
-      <div className="container">
+      <div className="container-lg">
        {this.state.loading ? (
          <h5>
            <Spinner large />
--- a/src/shared/components/private_message/create-private-message.tsx
+++ b/src/shared/components/private_message/create-private-message.tsx
@ -119,7 +119,7 @@ export class CreatePrivateMessage extends Component<

  render() {
    return (
-      <div className="container">
+      <div className="container-lg">
        <HtmlTags
          title={this.documentTitle}
          path={this.context.router.route.match.url}
--- a/src/shared/components/search.tsx
+++ b/src/shared/components/search.tsx
@ -390,7 +390,7 @@ export class Search extends Component<any, SearchState> {

  render() {
    return (
-      <div className="container">
+      <div className="container-lg">
        <HtmlTags
          title={this.documentTitle}
          path={this.context.router.route.match.url}