granblue.team/hensei-web
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

sidebar: fix proficiency list spacing

Browse source
This commit is contained in:
Justin Edmund 2025-12-13 14:35:25 -08:00
parent b6fb3ec0a0
commit 46d48132bd
2 changed files with 16 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
src/lib/components/sidebar/details/BasicInfoSection.svelte
View file

@ -57,9 +57,11 @@
<DetailRow label="Gender" value={getGenderLabel(itemData?.gender)} /> <DetailRow label="Gender" value={getGenderLabel(itemData?.gender)} />
{#if itemData?.proficiency && itemData.proficiency.length > 0} {#if itemData?.proficiency && itemData.proficiency.length > 0}
<DetailRow label="Proficiencies"> <DetailRow label="Proficiencies">
{#each itemData.proficiency as prof} <span class="proficiency-list">
<ProficiencyLabel proficiency={prof} size="medium" /> {#each itemData.proficiency as prof}
{/each} <ProficiencyLabel proficiency={prof} size="medium" />
{/each}
</span>
</DetailRow> </DetailRow>
{/if} {/if}
{:else if type === 'weapon'} {:else if type === 'weapon'}
@ -80,3 +82,12 @@
/> />
</DetailRow> </DetailRow>
</DetailsSection> </DetailsSection>
<style lang="scss">
@use '$src/themes/spacing' as *;
.proficiency-list {
display: inline-flex;
gap: $unit-half;
}
</style>

3
src/lib/components/sidebar/modifications/DetailsSidebarSegmentedControl.svelte
View file

@ -22,10 +22,11 @@
bind:value={selectedView} bind:value={selectedView}
onValueChange={handleViewChange} onValueChange={handleViewChange}
variant="background" variant="background"
size="small"
grow grow
> >
<Segment value="user">This team</Segment> <Segment value="user">This team</Segment>
<Segment value="canonical">Stats</Segment> <Segment value="canonical">Info</Segment>
</SegmentedControl> </SegmentedControl>
</div> </div>
{/if} {/if}