add artifact indicator icon next to character name
This commit is contained in:
parent
52660f3fb1
commit
ef22bcb6c1
1 changed files with 15 additions and 1 deletions
|
|
@ -320,7 +320,12 @@
|
||||||
}}
|
}}
|
||||||
/>
|
/>
|
||||||
{/if}
|
{/if}
|
||||||
<div class="name">{item ? displayName(item?.character) : ''}</div>
|
<div class="name">
|
||||||
|
{item ? displayName(item?.character) : ''}
|
||||||
|
{#if item?.artifact}
|
||||||
|
<Icon name="gem" size={12} class="artifact-indicator" />
|
||||||
|
{/if}
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<style lang="scss">
|
<style lang="scss">
|
||||||
|
|
@ -427,6 +432,15 @@
|
||||||
font-size: typography.$font-small;
|
font-size: typography.$font-small;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
color: colors.$grey-50;
|
color: colors.$grey-50;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
gap: spacing.$unit-fourth;
|
||||||
|
|
||||||
|
:global(.artifact-indicator) {
|
||||||
|
color: colors.$purple-20;
|
||||||
|
flex-shrink: 0;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.perpetuity {
|
.perpetuity {
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue