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

9
src/layouts/Layout.astro
View File

@@ -12,8 +12,13 @@ const { currentPage } = Astro.props;
<title>ob - {currentPage.title}</title> <title>ob - {currentPage.title}</title>
</head> </head>
<body> <body>
<Header currentPage={currentPage} /> <Header
<div class="px-4 py-4"> 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 /> <slot />
</div> </div>
</body> </body>