add purple theme styling for extra weapons
This commit is contained in:
parent
47b3a11fef
commit
45fc9237ad
1 changed files with 22 additions and 1 deletions
|
|
@ -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 {
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue