diff options
Diffstat (limited to 'templates/Default/index.tsx')
-rw-r--r-- | templates/Default/index.tsx | 25 |
1 files changed, 18 insertions, 7 deletions
diff --git a/templates/Default/index.tsx b/templates/Default/index.tsx index ccfde4a..1025703 100644 --- a/templates/Default/index.tsx +++ b/templates/Default/index.tsx @@ -3,6 +3,8 @@ import PathCrumbs from "../../components/PathCrumbs"; import Viewport from "../../components/ViewPort"; import styles from './default.module.scss'; import clsx from 'clsx'; +import Typ from '../../components/Typ'; +import Box from '../../components/Box'; export type DefaultPageProps = { className?: string; @@ -12,17 +14,26 @@ export type DefaultPageProps = { }; const LastUpdatedDate : FC<{ children: React.ReactNode }> = ({children}) => ( - <span className={styles.date}><b>Last Updated: </b>{children}</span> + <span style={{ whiteSpace: 'nowrap', padding: '4px 0px' }} >Last Updated: {children}</span> ) const DefaultPage : FC<DefaultPageProps> = ({className, lastUpdated, children, path, ...props}) => ( - <Viewport - className={clsx(styles.viewportOverrides, className)} + <Viewport + className={clsx(styles.viewportOverrides, className)} + my={3} + > + <Box + style={{ display: 'flex', justifyContent: 'space-between', flexWrap: 'wrap' }} + el='header' + my={1} > - {path !== undefined ? <PathCrumbs path={path!} /> : undefined} - {lastUpdated ? <LastUpdatedDate>{lastUpdated}</LastUpdatedDate> : undefined} - {children} - </Viewport> + {path !== undefined ? <PathCrumbs style={{ padding: '4px 0px' }} path={path!} /> : undefined} + {lastUpdated ? <LastUpdatedDate>{lastUpdated}</LastUpdatedDate> : undefined} + </Box> + <main> + {children} + </main> + </Viewport> ); export default DefaultPage; |