diff options
| author | crupest <crupest@outlook.com> | 2021-02-20 22:57:30 +0800 |
|---|---|---|
| committer | crupest <crupest@outlook.com> | 2021-02-20 22:57:30 +0800 |
| commit | 2b1ef4b5d5b22dc90d6f95efc6e674317eab4982 (patch) | |
| tree | f08d6061d353998e7665bf8d66153a0d565a0db4 | |
| parent | 8930327d499442287f6735f797070c03ada5adbc (diff) | |
| download | timeline-2b1ef4b5d5b22dc90d6f95efc6e674317eab4982.tar.gz timeline-2b1ef4b5d5b22dc90d6f95efc6e674317eab4982.tar.bz2 timeline-2b1ef4b5d5b22dc90d6f95efc6e674317eab4982.zip | |
...
| -rw-r--r-- | FrontEnd/src/app/views/common/FullPage.tsx | 10 | ||||
| -rw-r--r-- | FrontEnd/src/app/views/common/common.sass | 4 |
2 files changed, 12 insertions, 2 deletions
diff --git a/FrontEnd/src/app/views/common/FullPage.tsx b/FrontEnd/src/app/views/common/FullPage.tsx index 09b01647..283c4611 100644 --- a/FrontEnd/src/app/views/common/FullPage.tsx +++ b/FrontEnd/src/app/views/common/FullPage.tsx @@ -1,4 +1,5 @@ import React from "react"; +import clsx from "clsx"; export interface FullPageProps { show: boolean; @@ -23,7 +24,14 @@ const FullPage: React.FC<FullPageProps> = ({ onClick={onBack} /> </div> - <div className={contentContainerClassName}>{children}</div> + <div + className={clsx( + "cru-full-page-content-container", + contentContainerClassName + )} + > + {children} + </div> </div> ); }; diff --git a/FrontEnd/src/app/views/common/common.sass b/FrontEnd/src/app/views/common/common.sass index 924f8b99..819408a0 100644 --- a/FrontEnd/src/app/views/common/common.sass +++ b/FrontEnd/src/app/views/common/common.sass @@ -68,6 +68,9 @@ display: flex
align-items: center
+.cru-full-page-content-container
+ overflow: scroll
+
.cru-menu
min-width: 200px
@@ -86,4 +89,3 @@ .cru-menu-divider
border-top: 1px solid $gray-200
-
|