MinPluto/poke-on-astro-experiment
Archived
1
0
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 // Styles
import '@styles/index.scss' import '@styles/index.scss'
import '@shoelace-style/shoelace/dist/themes/dark.css'; import '@shoelace-style/shoelace/dist/themes/dark.css';
import '@fontsource-variable/roboto-flex';
--- ---
<Head Title={Title} Description={Description}/> <Head Title={Title} Description={Description}/>
<Header/> <Header/>
<body> <body>
<slot/> <div class="content">
<slot/>
</div>
<Footer/> <Footer/>
</body> </body>

8
src/styles/index.scss
View file

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