flotilla/src/app/components/RoomNameWithImage.svelte
2026-07-29 15:52:13 -07:00

20 lines
484 B
Svelte

<script lang="ts">
import RoomName from "@app/components/RoomName.svelte"
import RoomImage from "@app/components/RoomImage.svelte"
type Props = {
h: string
url: string
size?: number
class?: string
}
const {url, h, size, ...props}: Props = $props()
</script>
<div class="inline-flex min-w-0 items-center gap-2 {props.class}">
<RoomImage {url} {h} {size} />
<div class="min-w-0 overflow-hidden text-ellipsis">
<RoomName {url} {h} />
</div>
</div>