hensei-web/src/lib/components/party/info/DescriptionTile.svelte
Justin Edmund 28b5f3de4f
party info grid + edit sidebar (#446)
adds a bunch of stuff for viewing and editing party metadata

## what's new

- **party info grid** - shows raid, settings, performance metrics, video
in a nice tile layout
- **party edit sidebar** - edit all the party metadata: battle settings,
clear time, button/chain/summon counts, video url, raid selection
- **raid selector** - browse raids by section (raids/events/solo),
search, sort by difficulty
- **input clearable prop** - inputs can now have a clear button

also some switch component cleanup and misc fixes
2025-12-21 03:01:28 -08:00

29 lines
690 B
Svelte

<script lang="ts">
import InfoTile from './InfoTile.svelte'
import DescriptionRenderer from '$lib/components/DescriptionRenderer.svelte'
interface Props {
description?: string
onOpen: () => void
}
let { description, onOpen }: Props = $props()
</script>
<InfoTile label="Description" clickable onclick={onOpen} class="description-tile">
{#if description}
<DescriptionRenderer content={description} truncate={true} maxLines={4} />
{:else}
<span class="empty-state">No description</span>
{/if}
</InfoTile>
<style lang="scss">
@use '$src/themes/typography' as *;
.empty-state {
font-size: $font-regular;
color: var(--text-tertiary);
font-style: italic;
}
</style>