64 lines
1.3 KiB
Svelte
64 lines
1.3 KiB
Svelte
<script lang="ts" context="module">
|
|
export interface Theme {
|
|
id: string
|
|
icon: string
|
|
title: any
|
|
shortDescription: any
|
|
definition?: any
|
|
mustHaveLanguage?: boolean
|
|
hideFromOverview: boolean
|
|
keywords?: any[]
|
|
}
|
|
</script>
|
|
|
|
<script lang="ts">
|
|
import { UIEventSource } from "../../Logic/UIEventSource"
|
|
import Svg from "../../Svg"
|
|
import SubtleButton from "../Base/SubtleButton.svelte"
|
|
import ToSvelte from "../Base/ToSvelte.svelte"
|
|
import Translations from "../i18n/Translations"
|
|
import Tr from "../Base/Tr.svelte";
|
|
|
|
export let search: UIEventSource<string>
|
|
|
|
const t = Translations.t.general.morescreen
|
|
</script>
|
|
|
|
<span>
|
|
<h5>{t.noMatchingThemes.toString()}</h5>
|
|
<button
|
|
on:click={() => {
|
|
search.setData("")
|
|
}}
|
|
>
|
|
<SubtleButton>
|
|
<span slot="image">
|
|
<ToSvelte construct={Svg.search_disable_svg().SetClass("w-6 mr-2")} />
|
|
</span>
|
|
<Tr t={t.noSearch} slot="message"/>
|
|
</SubtleButton>
|
|
</button>
|
|
</span>
|
|
|
|
<style lang="scss">
|
|
span {
|
|
@apply flex flex-col items-center w-full;
|
|
|
|
h5 {
|
|
@apply w-max font-bold;
|
|
}
|
|
|
|
// SubtleButton
|
|
button {
|
|
@apply h-12;
|
|
|
|
span {
|
|
@apply w-max;
|
|
|
|
:global(img) {
|
|
@apply h-6;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
</style>
|