diff options
Diffstat (limited to 'templates/Default')
-rw-r--r-- | templates/Default/default.module.scss | 13 | ||||
-rw-r--r-- | templates/Default/index.tsx | 8 |
2 files changed, 20 insertions, 1 deletions
diff --git a/templates/Default/default.module.scss b/templates/Default/default.module.scss index ba6096f..7dd99c5 100644 --- a/templates/Default/default.module.scss +++ b/templates/Default/default.module.scss @@ -1,4 +1,17 @@ .viewportOverrides { margin-top: 4em; margin-bottom: 3em; +} + +.date { + margin-top: 0.5em; + padding: 0.1em 0.2em; + display: block; +} + +@media screen and (min-width: 1000px) { + .date { + float: right; + padding: 0.1em 0.2em; + } }
\ No newline at end of file diff --git a/templates/Default/index.tsx b/templates/Default/index.tsx index 8902bf8..f693da2 100644 --- a/templates/Default/index.tsx +++ b/templates/Default/index.tsx @@ -7,6 +7,7 @@ import styles from './default.module.scss'; export type DefaultPage = { className?: string; path?: string; + lastUpdated?: string; }; export type RelPathProps = { @@ -37,11 +38,16 @@ const RelPath : FC<RelPathProps> = ({path, ...props}) => { ); } -const DefaultPage : FC<DefaultPage> = ({className, children, path, ...props}) => ( +const LastUpdatedDate : FC = ({children}) => ( + <span className={styles.date}><b>Last Updated: </b>{children}</span> +) + +const DefaultPage : FC<DefaultPage> = ({className, lastUpdated, children, path, ...props}) => ( <Viewport className={clsx(styles.viewportOverrides, className)} > {path !== undefined ? <RelPath path={path!} /> : undefined} + {lastUpdated ? <LastUpdatedDate>{lastUpdated}</LastUpdatedDate> : undefined} {children} </Viewport> ); |