From e6cc262a5c626dcfed323f774fc2a088157d30fa Mon Sep 17 00:00:00 2001
From: shuai <lishuailing@sifou.com>
Date: Mon, 29 May 2023 10:09:46 +0800
Subject: [PATCH] fix: add page-main class

---
 ui/src/common/sideNavLayout.scss            | 12 ++++++------
 ui/src/pages/Questions/Ask/index.tsx        |  2 +-
 ui/src/pages/Questions/Detail/index.tsx     |  2 +-
 ui/src/pages/Questions/EditAnswer/index.tsx |  2 +-
 ui/src/pages/Questions/index.tsx            |  2 +-
 ui/src/pages/Review/index.tsx               |  2 +-
 ui/src/pages/Search/index.tsx               |  2 +-
 ui/src/pages/Tags/Create/index.tsx          |  2 +-
 ui/src/pages/Tags/Detail/index.tsx          |  2 +-
 ui/src/pages/Tags/Edit/index.tsx            |  2 +-
 ui/src/pages/Tags/Info/index.tsx            |  2 +-
 ui/src/pages/Users/Notifications/index.tsx  |  2 +-
 ui/src/pages/Users/Personal/index.tsx       |  4 ++--
 13 files changed, 19 insertions(+), 19 deletions(-)

diff --git a/ui/src/common/sideNavLayout.scss b/ui/src/common/sideNavLayout.scss
index e955da35..a1b726ff 100644
--- a/ui/src/common/sideNavLayout.scss
+++ b/ui/src/common/sideNavLayout.scss
@@ -1,6 +1,6 @@
-// .flex-auto {
-//   max-width: 70%;
-// }
+.page-main {
+  max-width: 70%;
+}
 .page-right-side {
   flex: none;
   width: 30%;
@@ -8,9 +8,9 @@
 
 // lg
 @media screen and (max-width: 1199.9px) {
-  // .flex-auto {
-  //   max-width: 100%;
-  // }
+  .page-main {
+    max-width: 100%;
+  }
   .page-right-side {
     width: 100%;
   }
diff --git a/ui/src/pages/Questions/Ask/index.tsx b/ui/src/pages/Questions/Ask/index.tsx
index 9a920501..cdc087ee 100644
--- a/ui/src/pages/Questions/Ask/index.tsx
+++ b/ui/src/pages/Questions/Ask/index.tsx
@@ -322,7 +322,7 @@ const Ask = () => {
     <div className="pt-4 mb-5">
       <h3 className="mb-4">{isEdit ? t('edit_title') : t('title')}</h3>
       <Row>
-        <Col className="flex-auto">
+        <Col className="page-main flex-auto">
           <Form noValidate onSubmit={handleSubmit}>
             {isEdit && (
               <Form.Group controlId="revision" className="mb-3">
diff --git a/ui/src/pages/Questions/Detail/index.tsx b/ui/src/pages/Questions/Detail/index.tsx
index 7a17dff6..0ccaca1d 100644
--- a/ui/src/pages/Questions/Detail/index.tsx
+++ b/ui/src/pages/Questions/Detail/index.tsx
@@ -212,7 +212,7 @@ const Index = () => {
 
   return (
     <Row className="questionDetailPage pt-4 mb-5">
-      <Col className="flex-auto">
+      <Col className="page-main flex-auto">
         {question?.operation?.level && <Alert data={question.operation} />}
         {isLoading ? (
           <ContentLoader />
diff --git a/ui/src/pages/Questions/EditAnswer/index.tsx b/ui/src/pages/Questions/EditAnswer/index.tsx
index f0eb3f78..00e6fad1 100644
--- a/ui/src/pages/Questions/EditAnswer/index.tsx
+++ b/ui/src/pages/Questions/EditAnswer/index.tsx
@@ -187,7 +187,7 @@ const Index = () => {
     <div className="pt-4 mb-5 edit-answer-wrap">
       <h3 className="mb-4">{t('title')}</h3>
       <Row>
-        <Col className="flex-auto">
+        <Col className="page-main flex-auto">
           <a
             href={pathFactory.questionLanding(qid, data?.question.url_title)}
             target="_blank"
diff --git a/ui/src/pages/Questions/index.tsx b/ui/src/pages/Questions/index.tsx
index cceb0fa6..f45d6e6c 100644
--- a/ui/src/pages/Questions/index.tsx
+++ b/ui/src/pages/Questions/index.tsx
@@ -52,7 +52,7 @@ const Questions: FC = () => {
   usePageTags({ title: pageTitle, subtitle: slogan });
   return (
     <Row className="pt-4 mb-5">
-      <Col className="flex-auto">
+      <Col className="page-main flex-auto">
         <QuestionList
           source="questions"
           data={listData}
diff --git a/ui/src/pages/Review/index.tsx b/ui/src/pages/Review/index.tsx
index b6179859..eafb32db 100644
--- a/ui/src/pages/Review/index.tsx
+++ b/ui/src/pages/Review/index.tsx
@@ -125,7 +125,7 @@ const Index: FC = () => {
   return (
     <Row className="pt-4 mb-5">
       <h3 className="mb-4">{t('review')}</h3>
-      <Col className="flex-auto">
+      <Col className="page-main flex-auto">
         {!noTasks && ro && (
           <>
             <Alert variant="secondary">
diff --git a/ui/src/pages/Search/index.tsx b/ui/src/pages/Search/index.tsx
index 935a5f2e..4ea10ee3 100644
--- a/ui/src/pages/Search/index.tsx
+++ b/ui/src/pages/Search/index.tsx
@@ -39,7 +39,7 @@ const Index = () => {
   });
   return (
     <Row className="pt-4 mb-5">
-      <Col className="flex-auto">
+      <Col className="page-main flex-auto">
         <Head data={extra} />
         <SearchHead sort={order} count={count} />
         <ListGroup className="rounded-0 mb-5">
diff --git a/ui/src/pages/Tags/Create/index.tsx b/ui/src/pages/Tags/Create/index.tsx
index a3bef8fe..4cf3716f 100644
--- a/ui/src/pages/Tags/Create/index.tsx
+++ b/ui/src/pages/Tags/Create/index.tsx
@@ -142,7 +142,7 @@ const Index = () => {
     <div className="pt-4 mb-5">
       <h3 className="mb-4">{t('title')}</h3>
       <Row>
-        <Col className="flex-auto">
+        <Col className="page-main flex-auto">
           <Form noValidate onSubmit={handleSubmit}>
             <Form.Group controlId="display_name" className="mb-3">
               <Form.Label>{t('form.fields.display_name.label')}</Form.Label>
diff --git a/ui/src/pages/Tags/Detail/index.tsx b/ui/src/pages/Tags/Detail/index.tsx
index 5fbf9973..3144bc7b 100644
--- a/ui/src/pages/Tags/Detail/index.tsx
+++ b/ui/src/pages/Tags/Detail/index.tsx
@@ -101,7 +101,7 @@ const Questions: FC = () => {
   });
   return (
     <Row className="pt-4 mb-5">
-      <Col className="flex-auto">
+      <Col className="page-main flex-auto">
         {isLoading || listLoading ? (
           <div className="tag-box mb-5 placeholder-glow">
             <div className="mb-3 h3 placeholder" style={{ width: '120px' }} />
diff --git a/ui/src/pages/Tags/Edit/index.tsx b/ui/src/pages/Tags/Edit/index.tsx
index 8423e5d6..0ede8fc3 100644
--- a/ui/src/pages/Tags/Edit/index.tsx
+++ b/ui/src/pages/Tags/Edit/index.tsx
@@ -191,7 +191,7 @@ const Index = () => {
     <div className="pt-4 mb-5">
       <h3 className="mb-4">{t('title')}</h3>
       <Row>
-        <Col className="flex-auto">
+        <Col className="page-main flex-auto">
           <Form noValidate onSubmit={handleSubmit}>
             <Form.Group controlId="revision" className="mb-3">
               <Form.Label>{t('form.fields.revision.label')}</Form.Label>
diff --git a/ui/src/pages/Tags/Info/index.tsx b/ui/src/pages/Tags/Info/index.tsx
index b4125172..c5867617 100644
--- a/ui/src/pages/Tags/Info/index.tsx
+++ b/ui/src/pages/Tags/Info/index.tsx
@@ -133,7 +133,7 @@ const TagIntroduction = () => {
 
   return (
     <Row className="pt-4 mb-5">
-      <Col className="flex-auto">
+      <Col className="page-main flex-auto">
         <h3 className="mb-3">
           <Link
             to={pathFactory.tagLanding(tagInfo.slug_name)}
diff --git a/ui/src/pages/Users/Notifications/index.tsx b/ui/src/pages/Users/Notifications/index.tsx
index 0e0c7246..8bce2349 100644
--- a/ui/src/pages/Users/Notifications/index.tsx
+++ b/ui/src/pages/Users/Notifications/index.tsx
@@ -88,7 +88,7 @@ const Notifications = () => {
   });
   return (
     <Row className="pt-4 mb-5">
-      <Col className="flex-auto">
+      <Col className="page-main flex-auto">
         <h3 className="mb-4">{t('title')}</h3>
         <div className="d-flex justify-content-between mb-3">
           <ButtonGroup size="sm">
diff --git a/ui/src/pages/Users/Personal/index.tsx b/ui/src/pages/Users/Personal/index.tsx
index 999aa2ed..29bbee36 100644
--- a/ui/src/pages/Users/Personal/index.tsx
+++ b/ui/src/pages/Users/Personal/index.tsx
@@ -63,7 +63,7 @@ const Personal: FC = () => {
         {userInfo?.status !== 'normal' && userInfo?.status_msg && (
           <Alert data={userInfo?.status_msg} />
         )}
-        <Col className="flex-auto">
+        <Col className="page-main flex-auto">
           <UserInfo data={userInfo as UserInfoRes} />
         </Col>
         <Col
@@ -85,7 +85,7 @@ const Personal: FC = () => {
 
       <Row>
         <NavBar tabName={tabName} slug={username} isSelf={isSelf} />
-        <Col className="flex-auto">
+        <Col className="page-main flex-auto">
           <Overview
             visible={tabName === 'overview'}
             introduction={userInfo?.bio_html || ''}