reidlab/website
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

change how the transitions are handled

Browse source
This commit is contained in:
Reid 2024-07-09 00:05:02 -07:00
parent 5114ed70a0
commit 4f5b4dc52c
Signed by: reidlab
GPG key ID: DAF5EAF6665839FD
1 changed files with 66 additions and 60 deletions
Download patch file Download diff file Expand all files Collapse all files

14
src/layouts/Layout.astro
View file

@ -42,6 +42,7 @@ import "../styles/main.css";
<Intro /> <Intro />
<Sidebar /> <Sidebar />
<div class="container">
<main <main
data-vtbot-replace="main" data-vtbot-replace="main"
transition:name="main" transition:name="main"
@ -49,7 +50,10 @@ import "../styles/main.css";
> >
<slot /> <slot />
</main> </main>
</body><style is:global> </div>
</body>
</html>
<style is:global>
body { body {
display: grid; display: grid;
grid-template-columns: min-content auto; grid-template-columns: min-content auto;
@ -66,7 +70,7 @@ import "../styles/main.css";
} }
} }
main { .container {
background: linear-gradient( background: linear-gradient(
275deg, 275deg,
#f38ba8, #f38ba8,
@ -92,6 +96,9 @@ import "../styles/main.css";
transparent 0%), transparent 0%),
#181818; #181818;
background-attachment: fixed; background-attachment: fixed;
}
main {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
flex-direction: column; flex-direction: column;
@ -101,5 +108,4 @@ import "../styles/main.css";
height: 100%; height: 100%;
width: 100%; width: 100%;
} }
</style> </style>
</html>