hensei-web/src/lib/components/database/cells/JobProficienciesCell.svelte
Justin Edmund 88fcc039db add job grid cell components
- JobIconCell: job portrait thumbnail
- JobTierCell: row tier badge
- JobProficienciesCell: weapon proficiency icons
- JobFeaturesCell: master/ultimate/accessory badges
2026-01-04 02:52:12 -08:00

26 lines
591 B
Svelte

<svelte:options runes={true} />
<script lang="ts">
import type { Cell } from 'wx-svelte-grid'
import ProficiencyLabel from '$lib/components/labels/ProficiencyLabel.svelte'
const { row }: Cell = $props()
</script>
<div class="proficiencies-cell">
{#if row.proficiency?.[0]}
<ProficiencyLabel proficiency={row.proficiency[0]} size="small" />
{/if}
{#if row.proficiency?.[1]}
<ProficiencyLabel proficiency={row.proficiency[1]} size="small" />
{/if}
</div>
<style lang="scss">
.proficiencies-cell {
display: flex;
align-items: center;
gap: 4px;
height: 100%;
}
</style>