z0x/blog.z0x.ca
Code Actions

fix: layout adjustments

Browse source
This commit is contained in:
enscribe 2024-09-15 13:45:12 -07:00
parent 5e616ac2e0
commit 72baf20564
No known key found for this signature in database
GPG key ID: 9BBD5C4114E25322
3 changed files with 3 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/components/Container.astro
View file

@ -8,4 +8,4 @@ interface Props {
const { class: className } = Astro.props const { class: className } = Astro.props
--- ---
<div class={cn('mx-auto max-w-screen-md', className)}><slot /></div> <div class={cn('mx-auto max-w-screen-md px-4', className)}><slot /></div>

2
src/layouts/Layout.astro
View file

@ -24,7 +24,7 @@ const { title, description, image } = Astro.props
</head> </head>
<body> <body>
<div <div
class="box-border flex h-fit min-h-screen flex-col gap-y-6 px-4 font-sans antialiased" class="box-border flex h-fit min-h-screen flex-col gap-y-6 font-sans antialiased"
> >
<Header /> <Header />
<main class="flex-grow"> <main class="flex-grow">

2
src/styles/global.css
View file

@ -100,7 +100,7 @@
/* Code block titles */ /* Code block titles */
[data-rehype-pretty-code-title] { [data-rehype-pretty-code-title] {
@apply rounded-t-xl border-x border-t px-4 py-2 text-sm font-medium text-foreground; @apply break-words rounded-t-xl border-x border-t px-4 py-2 text-sm font-medium text-foreground;
/* Remove top margin from code block if a title is present */ /* Remove top margin from code block if a title is present */
& + pre { & + pre {