mirror of
https://github.com/jeffvli/feishin.git
synced 2026-06-15 16:04:19 +02:00
fix(login): add scroll area to login required page
This commit is contained in:
@@ -16,6 +16,7 @@ import { Button } from '/@/shared/components/button/button';
|
|||||||
import { Center } from '/@/shared/components/center/center';
|
import { Center } from '/@/shared/components/center/center';
|
||||||
import { Group } from '/@/shared/components/group/group';
|
import { Group } from '/@/shared/components/group/group';
|
||||||
import { Icon } from '/@/shared/components/icon/icon';
|
import { Icon } from '/@/shared/components/icon/icon';
|
||||||
|
import { ScrollArea } from '/@/shared/components/scroll-area/scroll-area';
|
||||||
import { Stack } from '/@/shared/components/stack/stack';
|
import { Stack } from '/@/shared/components/stack/stack';
|
||||||
|
|
||||||
const ActionRequiredRoute = () => {
|
const ActionRequiredRoute = () => {
|
||||||
@@ -59,6 +60,7 @@ const ActionRequiredRoute = () => {
|
|||||||
<PageHeader />
|
<PageHeader />
|
||||||
<Center style={{ height: '100%', width: '100vw' }}>
|
<Center style={{ height: '100%', width: '100vw' }}>
|
||||||
<Stack gap="xl" style={{ maxWidth: '50%' }}>
|
<Stack gap="xl" style={{ maxWidth: '50%' }}>
|
||||||
|
<ScrollArea style={{ maxHeight: 'calc(100vh - 50px)' }}>
|
||||||
<Group wrap="nowrap">
|
<Group wrap="nowrap">
|
||||||
{displayedCheck && (
|
{displayedCheck && (
|
||||||
<ActionRequiredContainer title={displayedCheck.title}>
|
<ActionRequiredContainer title={displayedCheck.title}>
|
||||||
@@ -84,6 +86,7 @@ const ActionRequiredRoute = () => {
|
|||||||
</Group>
|
</Group>
|
||||||
)}
|
)}
|
||||||
</Stack>
|
</Stack>
|
||||||
|
</ScrollArea>
|
||||||
</Stack>
|
</Stack>
|
||||||
</Center>
|
</Center>
|
||||||
</AnimatedPage>
|
</AnimatedPage>
|
||||||
|
|||||||
Reference in New Issue
Block a user