Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Contribute to GitLab
Sign in / Register
Toggle navigation
C
chatGLM
Project
Project
Details
Activity
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
0
Issues
0
List
Board
Labels
Milestones
Merge Requests
1
Merge Requests
1
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
刘坚-丰林-DEV
chatGLM
Commits
60ab9523
Commit
60ab9523
authored
Apr 16, 2023
by
Ylg
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
adjust mobile style
parent
b2203c5d
Hide whitespace changes
Inline
Side-by-side
Showing
5 changed files
with
31 additions
and
23 deletions
+31
-23
answer.component.tsx
src/components/newSession/answer.component.tsx
+17
-4
index.less
src/components/newSession/index.less
+0
-15
index.tsx
src/components/newSession/index.tsx
+4
-2
issue.component.tsx
src/components/newSession/issue.component.tsx
+9
-1
index.tsx
src/pages/Chat/index.tsx
+1
-1
No files found.
src/components/newSession/answer.component.tsx
View file @
60ab9523
import
logoSvg
from
'../../assets/logo.svg'
;
import
copySvg
from
'../../assets/copy.svg'
;
import
{
Button
,
Col
,
Grid
,
Row
}
from
'antd'
;
import
{
Button
,
Grid
}
from
'antd'
;
import
styles
from
'./index.less'
;
import
classNames
from
'classnames'
;
interface
IAnswerProps
{
answerValue
:
string
;
...
...
@@ -25,10 +24,24 @@ const Answer = (props: IAnswerProps) => {
<
div
>
<
p
className=
{
styles
.
question
}
style=
{
{
marginTop
:
isMobile
?
'20px'
:
'40px'
}
}
>
<
img
src=
{
logoSvg
}
alt=
""
className=
{
styles
.
question_img
}
/>
<
span
className=
{
classNames
(
isMobile
&&
styles
.
mobile_question_span
,
styles
.
question_span
)
}
style=
{
{
marginLeft
:
isMobile
?
'8px'
:
'16px'
}
}
>
回答如下:
</
span
>
<
span
className=
{
styles
.
question_span
}
style=
{
{
marginLeft
:
isMobile
?
'8px'
:
'16px'
,
fontSize
:
isMobile
?
'18px'
:
'20px'
,
}
}
>
回答如下:
</
span
>
</
p
>
<
div
className=
{
styles
.
chat
}
>
<
div
className=
{
classNames
(
styles
.
answer
,
isMobile
&&
styles
.
mobile_answer
)
}
>
<
div
className=
{
styles
.
answer
}
style=
{
{
width
:
isMobile
?
'316px'
:
'900px'
,
fontSize
:
isMobile
?
'16px'
:
'18px'
,
lineHeight
:
isMobile
?
'28px'
:
'32px'
,
}
}
>
{
!
isMobile
&&
<
p
...
...
src/components/newSession/index.less
View file @
60ab9523
@import (reference) '~antd/es/style/themes/index';
.mobile_newSession {
padding: 48px 16px 16px;
width: 100% !important;
}
.mobile_question_span {
font-size: 18px !important;
}
.mobile_answer {
width: 316px !important;
font-size: 16px !important;
line-height: 28px !important;
}
.newSession {
width: 1000px;
.question {
...
...
src/components/newSession/index.tsx
View file @
60ab9523
...
...
@@ -2,7 +2,6 @@ import styles from './index.less';
import
Issue
from
'./issue.component'
;
import
Answer
from
'./answer.component'
;
import
{
Grid
}
from
'antd'
;
import
classNames
from
'classnames'
;
interface
INewSessionProps
{
questionValue
:
string
;
...
...
@@ -19,7 +18,10 @@ const NewSession = (props: INewSessionProps) => {
const
isMobile
=
screens
.
xs
;
return
(
<
div
className=
{
classNames
(
isMobile
&&
styles
.
mobile_newSession
,
styles
.
newSession
)
}
>
<
div
className=
{
styles
.
newSession
}
style=
{
{
padding
:
isMobile
?
'48px 16px 16px'
:
'0'
,
width
:
isMobile
?
'100%'
:
'1000px'
}
}
>
<
Issue
questionValue=
{
questionValue
}
/>
...
...
src/components/newSession/issue.component.tsx
View file @
60ab9523
...
...
@@ -21,7 +21,15 @@ const Issue = (props: IIssueProps) => {
return
(
<
div
className=
{
styles
.
question
}
style=
{
{
marginTop
:
isMobile
?
'20px'
:
'40px'
}
}
>
<
img
src=
{
userSvg
}
alt=
""
className=
{
styles
.
question_img
}
/>
<
span
className=
{
classNames
(
isMobile
&&
styles
.
mobile_question_span
,
styles
.
question_span
)
}
style=
{
{
marginLeft
:
isMobile
?
'8px'
:
'16px'
}
}
>
{
questionValue
}
</
span
>
<
span
className=
{
styles
.
question_span
}
style=
{
{
marginLeft
:
isMobile
?
'8px'
:
'16px'
,
fontSize
:
isMobile
?
'18px'
:
'20px'
,
}
}
>
{
questionValue
}
</
span
>
</
div
>
);
}
...
...
src/pages/Chat/index.tsx
View file @
60ab9523
...
...
@@ -30,7 +30,7 @@ const Chat: React.FC = () => {
const
[
selectSiderTabs
,
setSelectSiderTabs
]
=
useState
(
''
);
const
[
open
,
setOpen
]
=
useState
(
false
);
const
tabShow
=
showSider
;
const
tabShow
=
showSider
&&
!
isMobile
;
const
questionValue
=
form
.
getFieldValue
(
'chatInput'
);
...
...
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment