@@ -3,32 +3,34 @@ import { t } from "@app/locale"
33import { Pointer } from "@element-plus/icons-vue"
44import Box from "@pages/components/Box"
55import { CROWDIN_HOMEPAGE } from "@util/constant/url"
6- import { ElAlert , ElButton , ElCard } from "element-plus"
7- import { type FunctionalComponent } from "vue"
6+ import { ElAlert , ElButton , ElCard , ElScrollbar } from "element-plus"
7+ import { type FunctionalComponent , type StyleValue } from "vue"
88import ContentContainer from "../common/ContentContainer"
99import MemberList from "./MemberList"
1010import ProgressList from "./ProgressList"
1111
1212const handleJump = ( ) => createTabAfterCurrent ( CROWDIN_HOMEPAGE )
1313
1414const HelpUs : FunctionalComponent = ( ) => (
15- < ContentContainer >
16- < ElCard >
17- < ElAlert type = "info" title = { t ( msg => msg . helpUs . title ) } >
18- < li > { t ( msg => msg . helpUs . alert . l1 ) } </ li >
19- < li > { t ( msg => msg . helpUs . alert . l2 ) } </ li >
20- < li > { t ( msg => msg . helpUs . alert . l3 ) } </ li >
21- < li > { t ( msg => msg . helpUs . alert . l4 ) } </ li >
22- </ ElAlert >
23- < Box marginBlock = { 30 } >
24- < ElButton type = "primary" size = "large" icon = { Pointer } onClick = { handleJump } >
25- { t ( msg => msg . helpUs . button ) }
26- </ ElButton >
27- </ Box >
28- < ProgressList />
29- < MemberList />
30- </ ElCard >
31- </ ContentContainer >
15+ < ElScrollbar height = "100%" style = { { width : '100%' } satisfies StyleValue } >
16+ < ContentContainer >
17+ < ElCard >
18+ < ElAlert type = "info" title = { t ( msg => msg . helpUs . title ) } >
19+ < li > { t ( msg => msg . helpUs . alert . l1 ) } </ li >
20+ < li > { t ( msg => msg . helpUs . alert . l2 ) } </ li >
21+ < li > { t ( msg => msg . helpUs . alert . l3 ) } </ li >
22+ < li > { t ( msg => msg . helpUs . alert . l4 ) } </ li >
23+ </ ElAlert >
24+ < Box marginBlock = { 30 } >
25+ < ElButton type = "primary" size = "large" icon = { Pointer } onClick = { handleJump } >
26+ { t ( msg => msg . helpUs . button ) }
27+ </ ElButton >
28+ </ Box >
29+ < ProgressList />
30+ < MemberList />
31+ </ ElCard >
32+ </ ContentContainer >
33+ </ ElScrollbar >
3234)
3335HelpUs . displayName = 'HelpUs'
3436
0 commit comments