aboutsummaryrefslogtreecommitdiff
path: root/templates/Default
diff options
context:
space:
mode:
Diffstat (limited to 'templates/Default')
-rw-r--r--templates/Default/default.module.scss13
-rw-r--r--templates/Default/index.tsx8
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>
);