diff options
| author | Andrew Lee <alee14498@protonmail.com> | 2024-01-31 22:09:35 -0500 |
|---|---|---|
| committer | Andrew Lee <alee14498@protonmail.com> | 2024-01-31 22:16:29 -0500 |
| commit | d07c87a78109399677ada202aad879a9a7c30eca (patch) | |
| tree | 856a5d8cd3ddd84c2444068fa8c10295004f1b44 /src/layouts | |
| parent | b21c39aaf41f0fd2376bdf5f832d32a8ebbaa95a (diff) | |
| download | personal-website-d07c87a78109399677ada202aad879a9a7c30eca.tar.gz personal-website-d07c87a78109399677ada202aad879a9a7c30eca.tar.bz2 personal-website-d07c87a78109399677ada202aad879a9a7c30eca.zip | |
forgot to give guidelines the card design; blog tweaks
Diffstat (limited to 'src/layouts')
| -rw-r--r-- | src/layouts/BlogPost.astro | 10 | ||||
| -rw-r--r-- | src/layouts/PageMarkdown.astro | 8 |
2 files changed, 15 insertions, 3 deletions
diff --git a/src/layouts/BlogPost.astro b/src/layouts/BlogPost.astro index 5849f90..a08dd15 100644 --- a/src/layouts/BlogPost.astro +++ b/src/layouts/BlogPost.astro @@ -10,9 +10,7 @@ const { title, description, date } = Astro.props; </header> <div class="container"> <main> - <article> - <slot /> - </article> + <slot /> </main> </div> </Layout> @@ -27,6 +25,12 @@ const { title, description, date } = Astro.props; padding: 0 0 1em; } + main { + background-color: #3B513B; + padding: 1.2em; + border-radius: 20px; + } + .header-text { font-size: 2em; margin: 0; diff --git a/src/layouts/PageMarkdown.astro b/src/layouts/PageMarkdown.astro index f6e76ab..89bd0f8 100644 --- a/src/layouts/PageMarkdown.astro +++ b/src/layouts/PageMarkdown.astro @@ -41,6 +41,14 @@ const { frontmatter } = Astro.props; margin: 1em 10em 1em 10em; } + article { + background-color: #3B513B; + padding: 1.3em; + border-radius: 20px; + gap: 0.5em; + margin: 0.5em; + } + @media (max-width: 992px) { .container { margin: 10px 20px 10px 20px; |