add purple theme styling for extra weapons

This commit is contained in:
Justin Edmund 2025-09-30 01:11:44 -07:00
parent 47b3a11fef
commit 45fc9237ad

View file

@ -94,7 +94,7 @@
</script> </script>
<div class="unit" class:empty={!item}> <div class="unit" class:empty={!item} class:extra={position >= 9}>
{#if item} {#if item}
<ContextMenu> <ContextMenu>
{#snippet children()} {#snippet children()}
@ -103,6 +103,7 @@
class="frame weapon" class="frame weapon"
class:main={item?.mainhand || position === -1} class:main={item?.mainhand || position === -1}
class:cell={!(item?.mainhand || position === -1)} class:cell={!(item?.mainhand || position === -1)}
class:extra={position >= 9}
class:editable={ctx?.canEdit()} class:editable={ctx?.canEdit()}
onclick={() => viewDetails()} onclick={() => viewDetails()}
> >
@ -154,6 +155,7 @@
class="frame weapon" class="frame weapon"
class:main={position === -1} class:main={position === -1}
class:cell={position !== -1} class:cell={position !== -1}
class:extra={position >= 9}
class:editable={ctx?.canEdit()} class:editable={ctx?.canEdit()}
onclick={() => ctx?.canEdit() && ctx?.openPicker && ctx.openPicker({ type: 'weapon', position, item })} onclick={() => ctx?.canEdit() && ctx?.openPicker && ctx.openPicker({ type: 'weapon', position, item })}
> >
@ -229,6 +231,25 @@
&.empty .name { &.empty .name {
display: none; display: none;
} }
&.extra {
.frame {
background: var(--extra-purple-card-bg);
}
.icon {
color: var(--extra-purple-secondary);
}
&:hover .icon {
color: var(--extra-purple-primary);
}
.name {
font-weight: $medium;
color: var(--extra-purple-text);
}
}
} }
.frame { .frame {