fix: add page-main class

This commit is contained in:
shuai 2023-05-29 10:09:46 +08:00
parent c860571289
commit e6cc262a5c
13 changed files with 19 additions and 19 deletions

View File

@ -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%;
}

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

@ -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' }} />

View File

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

View File

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

View File

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

View File

@ -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 || ''}