SebinNyshkim/blog
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat: 💄 redesign blogpost header

Browse source
This commit is contained in:
Sebin Nyshkim 2024-10-20 02:44:02 +02:00
parent 1fb1591a03
commit ceb7cdb3d9
7 changed files with 37 additions and 28 deletions
Download patch file Download diff file Expand all files Collapse all files

4
src/layouts/base.njk
View file

@ -24,7 +24,7 @@
<link rel="me" href="https://meow.social/@SebinNyshkim">
</head>
<body class="h-dvh bg-slate-300 text-slate-700 dark:bg-slate-900 dark:text-slate-300">
<header class="sm:px-safe-offset-4 md:px-safe-offset-6">
<header class="absolute z-10 left-0 right-0 top-0 sm:px-safe-offset-4 md:px-safe-offset-6">
<div class="flex min-h-16 max-w-screen-xl items-center justify-center bg-sky-600 shadow-xl sm:m-4 sm:mx-auto sm:justify-between sm:rounded-xl dark:bg-sky-950">
<div class="hidden sm:flex sm:items-center">
<img src="/img/sebin.png" alt="" class="m-4 max-w-14 rounded-full border-4 shadow-2xl">
@ -46,7 +46,7 @@
</div>
</header>
<main class="mb-20 space-y-10 pt-10 *:px-safe-offset-4 sm:mb-32 sm:pt-16 md:mb-40 md:pt-20 md:*:px-safe-offset-6">
<main class="mb-20 space-y-10 sm:mb-32 md:mb-40">
{{ content | safe }}
</main>