MinPluto/poke-on-astro-experiment
Archived
1
Fork 0
Code Issues Pull requests Activity

Move content from underneath header and add Roboto Flex font

Browse source
This commit is contained in:
Korbs 2024-06-21 21:33:43 -04:00
parent b0cb487458
commit 283bcbef61
No known key found for this signature in database
2 changed files with 10 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
src/layouts/Default.astro
View file

@ -13,11 +13,14 @@ import Footer from '@components/global/Footer.astro'
// Styles
import '@styles/index.scss'
import '@shoelace-style/shoelace/dist/themes/dark.css';
import '@fontsource-variable/roboto-flex';
---
<Head Title={Title} Description={Description}/>
<Header/>
<body>
<slot/>
<div class="content">
<slot/>
</div>
<Footer/>
</body>

8
src/styles/index.scss
View file

@ -6,7 +6,7 @@
body {
background: black;
color: white;
font-family: Arial, Helvetica, sans-serif;
font-family: 'Roboto Flex Variable', sans-serif;
margin: auto;
max-width: 1200px;
@ -22,5 +22,9 @@ body {
}
* {cursor: var(--default-cursor)}
a, button {cursor: var(--pointer-cursor) !important}
a, button, a > * {cursor: var(--pointer-cursor) !important}
}
.content {
margin-top: 72px;
}