blboun3/personal-website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Activity

almost finished navbar

Browse Source 
TODO: modify dropdown menus
This commit is contained in:
Cyril Šebek
2024-04-07 17:23:34 +02:00
parent d5026cfc05
commit fd03b7b9cf
8 changed files with 69 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
src/layouts/MainLayout.astro
View File

@ -1,22 +1,27 @@
---
const { title, description, lang, themeOverride } = Astro.props;
import { ViewTransitions } from 'astro:transitions';
import Navbar from "../components/Navbar.astro";
import "../style/index.css";
import "../style/globals.css";
---
<!doctype html>
<html lang={lang} data-theme={themeOverride ? themeOverride : undefined} class="overflow-hidden">
<html lang={lang} data-theme={themeOverride ? themeOverride : "theme_auto"} class="overflow-hidden">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="description" content={description} />
<link rel="shortcut icon" href="/favicon.svg">
<title>{title}</title>
<ViewTransitions />
</head>
<body class="bg-bkg" >
<Navbar />
<div class="bg-bkg h-dvh w-full overflow-y-scroll snap-mandatory snap-y scroll-smooth">
<script transition:persist is:raw is:inline>
document.addEventListener('astro:after-swap', () => {document.documentElement.setAttribute("data-theme", localStorage.getItem("data-theme") || document.documentElement.getAttribute("data-theme"));});
</script>
<Navbar transition:persist/>
<div class="bg-bkg h-dvh w-full overflow-y-scroll snap-mandatory snap-y scroll-smooth" transition:animate="slide">
<slot />
</div>
</body>

2
src/layouts/SinglePage.astro
View File

@ -1,4 +1,4 @@
<div class="snap-start w-screen h-screen overflow-clip pt-10">
<div class="snap-start w-screen h-screen overflow-clip pt-14">
<div class="bg-bkg h-full w-full sm:grid sm:grid-cols-6 lg:grid-cols-12">
<div
class="sm:col-start-2 sm:col-end-6 lg:col-start-3 lg:col-end-11 2xl:col-start-4 2xl:col-end-10 h-full p-2 sm:p-6"