mirror of https://gitee.com/answerdev/answer.git
fix: add page-main class
This commit is contained in:
parent
c860571289
commit
e6cc262a5c
|
@ -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%;
|
||||
}
|
||||
|
|
|
@ -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">
|
||||
|
|
|
@ -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 />
|
||||
|
|
|
@ -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"
|
||||
|
|
|
@ -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}
|
||||
|
|
|
@ -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">
|
||||
|
|
|
@ -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">
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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' }} />
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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)}
|
||||
|
|
|
@ -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">
|
||||
|
|
|
@ -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 || ''}
|
||||
|
|
Loading…
Reference in New Issue