diff options
| author | Andrew Lee <alee14498@protonmail.com> | 2024-01-25 20:09:56 -0500 |
|---|---|---|
| committer | Andrew Lee <alee14498@protonmail.com> | 2024-01-25 20:09:56 -0500 |
| commit | ed2c9768a0471d11a0b87a5514dcbf387ebbf8f7 (patch) | |
| tree | 3ffd02b87699b8e5b2a48ebbd8c9df16466f8f3e /src/layouts | |
| parent | 162e303beeb5f2987852b543805fb6243a4ae725 (diff) | |
| download | personal-website-ed2c9768a0471d11a0b87a5514dcbf387ebbf8f7.tar.gz personal-website-ed2c9768a0471d11a0b87a5514dcbf387ebbf8f7.tar.bz2 personal-website-ed2c9768a0471d11a0b87a5514dcbf387ebbf8f7.zip | |
Markdown cb style; Fixed chrome-only issue; Format date on blog
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; |