2022-02-07 22:34:53 +08:00
|
|
|
<script lang="ts">
|
2024-01-30 08:51:22 +08:00
|
|
|
export let value: string | null;
|
2023-01-18 04:47:40 +08:00
|
|
|
export let type: "gallery" | "table";
|
2023-08-04 06:01:18 +08:00
|
|
|
export let selected = false;
|
2022-02-01 23:46:50 +08:00
|
|
|
</script>
|
|
|
|
|
|
2023-08-04 06:01:18 +08:00
|
|
|
<pre
|
2023-01-18 04:47:40 +08:00
|
|
|
class:table={type === "table"}
|
|
|
|
|
class:gallery={type === "gallery"}
|
2024-01-30 08:51:22 +08:00
|
|
|
class:selected>{value ? value : ""}</pre>
|
2023-01-18 04:47:40 +08:00
|
|
|
|
|
|
|
|
<style>
|
2023-08-04 06:01:18 +08:00
|
|
|
pre {
|
|
|
|
|
text-align: left;
|
|
|
|
|
}
|
2023-01-18 04:47:40 +08:00
|
|
|
.gallery {
|
|
|
|
|
padding: var(--size-1) var(--size-2);
|
|
|
|
|
}
|
|
|
|
|
</style>
|
