diff options
Diffstat (limited to 'src/layouts')
| -rw-r--r-- | src/layouts/BlogPost.astro | 3 | ||||
| -rw-r--r-- | src/layouts/Default.astro | 8 |
2 files changed, 9 insertions, 2 deletions
diff --git a/src/layouts/BlogPost.astro b/src/layouts/BlogPost.astro index 60baee6..15b3cfd 100644 --- a/src/layouts/BlogPost.astro +++ b/src/layouts/BlogPost.astro @@ -1,12 +1,13 @@ --- import Layout from './Default.astro'; -const { title, description } = Astro.props; +const { title, description, date } = Astro.props; --- <Layout title=`${title} - Andrew Lee` description={description}> <header> <h1 class="header-text">{title}</h1> <h2 class="header-text">{description}</h2> + <small>{date}</small> </header> <div class="container"> <main> diff --git a/src/layouts/Default.astro b/src/layouts/Default.astro index b2e383b..d3b7548 100644 --- a/src/layouts/Default.astro +++ b/src/layouts/Default.astro @@ -38,7 +38,7 @@ import Navbar from '../components/Navbar.vue'; </head> <body> <Navbar client:load /> - <div transition:name="initial"> + <div transition:animate="fade"> <slot /> <footer> <p>Made with {Astro.generator} and Hosted on Vercel</p> @@ -56,6 +56,12 @@ import Navbar from '../components/Navbar.vue'; color: #FFFFFF; } + @media screen and (-webkit-min-device-pixel-ratio:0) { + html { + scrollbar-gutter: stable; + } + } + ul { padding-left: 20px; font-size: 1.1em; |