summaryrefslogtreecommitdiffstatshomepage
path: root/frontend/src/lib/scraper/components/SelectorItem.svelte
blob: dd3f5b408d8caf21bf1e1d1744630402a6bc84b1 (plain) (blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<script lang="ts">
	import { Selector } from '$lib/Scraper';
	import SelectorButton from './SelectorButton.svelte';

	export let title: string;
	export let selector: Selector<string> | undefined;
</script>

{#if selector}
	<div class="flex flex-col gap-1">
		<h2>{title}</h2>
		<SelectorButton {selector} />
	</div>
{/if}

<style>
	:root {
		--span: 6;
	}

	div {
		grid-column: span var(--span) / span var(--span);
	}
</style>