Korbs/Zarro
Korbs/Zarro
1
Fork 0
Code Issues Pull requests Activity

Set base layouts

Browse source
This commit is contained in:
Korbs 2024-10-23 00:16:11 -04:00
parent bcb46f0470
commit 1ad08ef01a
2 changed files with 49 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
source/src/layouts/Base.astro Normal file
View file

@ -0,0 +1,18 @@
---
// Properties
const {Title, Query} = Astro.props
// Components
import Head from "@components/global/Head.astro";
import Header from "@components/global/Header.astro";
import Footer from "@components/global/Footer.astro";
// Styles
import '@styles/index.scss'
import '@styles/mobile.scss'
---
<Head/>
<Header Query={Query}/>
<slot/>
<Footer/>

31
source/src/layouts/Search.astro Normal file
View file

@ -0,0 +1,31 @@
---
// Layout
import Base from "./Base.astro"
// Properties
const {Type, Title, Query} = Astro.props
// Components
import SearchMenu from "@components/global/SearchMenu.astro"
---
<Base Title={Title} Query={Query}>
<SearchMenu Type={Type}/>
<div class="search-results">
<div class="search-results-start">
<slot name="search"/>
</div>
<div class="search-results-end">
<slot name="rich-panel"/>
</div>
</div>
</Base>
<style>
.search-results {
margin-top: 16px;
display: grid;
grid-template-columns: 70% 30%;
gap: 24px;
}
</style>