pinafore/routes/search.html

48 lines
958 B
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<:Head>
<title>Pinafore Search</title>
</:Head>
<Layout page='search'>
{{#if $isUserLoggedIn}}
<div class="search-page">
<Search></Search>
</div>
{{else}}
<HiddenFromSSR>
<FreeTextLayout>
<h1>Search</h1>
<p>You can search once logged in to an instance.</p>
</FreeTextLayout>
</HiddenFromSSR>
{{/if}}
</Layout>
<style>
.search-page {
min-height: 60vh;
padding: 20px 20px;
}
@media (max-width: 767px) {
.search-page {
padding: 20px 10px;
}
}
</style>
<script>
import Layout from './_components/Layout.html'
import FreeTextLayout from './_components/FreeTextLayout.html'
import { store } from './_store/store.js'
import HiddenFromSSR from './_components/HiddenFromSSR'
import Search from './_components/search/Search.html'
export default {
store: () => store,
components: {
Layout,
Search,
FreeTextLayout,
HiddenFromSSR
}
}
</script>