Pinafore-Web-Client-Frontend/routes/_pages/search.html

39 lines
773 B
HTML

{{#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}}
<style>
.search-page {
padding: 20px 20px;
}
@media (max-width: 767px) {
.search-page {
padding: 20px 10px;
}
}
</style>
<script>
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: {
Search,
FreeTextLayout,
HiddenFromSSR
}
}
</script>