mikkel/astro-personal-website
1
0
Fork 0
mirror of https://github.com/mikkelsvartveit/astro-personal-website.git synced 2025-12-22 19:22:37 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Hide scrollbars on fullscreen photo page

Browse source
This commit is contained in:
Mikkel Svartveit 2023-10-17 23:28:34 -07:00
parent c53b4efd60
commit afda029364
2 changed files with 4 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
src/layouts/RootLayout.astro
View file

@ -3,9 +3,10 @@ import { ViewTransitions } from "astro:transitions";
interface Props { interface Props {
title?: string; title?: string;
hideScrollbar?: boolean;
} }
const { title } = Astro.props; const { title, hideScrollbar } = Astro.props;
const fullTitle = `${title && title + " – "}Mikkel Svartveit`; const fullTitle = `${title && title + " – "}Mikkel Svartveit`;
--- ---
@ -24,7 +25,7 @@ const fullTitle = `${title && title + " – "}Mikkel Svartveit`;
<ViewTransitions fallback="swap" /> <ViewTransitions fallback="swap" />
</head> </head>
<body class="bg-gray-50 overflow-y-scroll"> <body class={`bg-gray-50 ${hideScrollbar ? "" : "overflow-y-scroll"}`}>
<slot /> <slot />
</body> </body>
</html> </html>

2
src/pages/photography/[photo].astro
View file

@ -20,7 +20,7 @@ export const getStaticPaths = (async () => {
const { photo } = Astro.props; const { photo } = Astro.props;
--- ---
<RootLayout title="Photo"> <RootLayout title="Photo" hideScrollbar>
<div class="bg-gray-900 m-screen h-screen" onclick=" <div class="bg-gray-900 m-screen h-screen" onclick="
history.back() history.back()
"> ">