ob/ob248.com
1
0
Fork 0
mirror of https://github.com/hex248/ob248.com.git synced 2026-02-08 02:33:02 +00:00
Code Issues Packages Projects Releases Wiki Activity

new bordered layout (max-w-6xl)

Browse Source
This commit is contained in:
Oliver Bryan
2025-10-26 10:24:46 +00:00
parent 7aca70e892
commit acd6264dcc
2 changed files with 12 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/Header.astro
View File

@@ -1,5 +1,5 @@
---
const { currentPage } = Astro.props;
const { currentPage, innerClass } = Astro.props;
const pages = [
{ title: "home", path: "/" },
@@ -24,10 +24,10 @@ const pages = [
</style>
<header>
<div
class="w-full flex items-center justify-between px-4 py-2 border-b-1 border-ayu-gutter"
>
<div class="flex items-center">
<div class="w-full flex items-center justify-between border-ayu-gutter">
<div
class={`flex items-center border-b-1 lg:border-1 border-ayu-gutter py-2 ${innerClass}`}
>
<a href="/" class="flex items-center gap-2">
<img
src="/favicon.svg"

9
src/layouts/Layout.astro
View File

@@ -12,8 +12,13 @@ const { currentPage } = Astro.props;
<title>ob - {currentPage.title}</title>
</head>
<body>
<Header currentPage={currentPage} />
<div class="px-4 py-4">
<Header
currentPage={currentPage}
innerClass="px-4 max-w-6xl w-6xl mx-auto"
/>
<div
class="px-4 py-4 max-w-6xl lg:border-l-1 lg:border-r-1 lg:border-b-1 border-ayu-gutter mx-auto"
>
<slot />
</div>
</body>