Add the toggle for item equipped status and inventory properties
This commit is contained in:
parent
44372d0a17
commit
f5c7e1c4bc
5 changed files with 37 additions and 9 deletions
|
|
@ -37,7 +37,7 @@
|
|||
}
|
||||
}
|
||||
|
||||
.items-tab {
|
||||
.items-tab.active {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 8px;
|
||||
|
|
@ -49,7 +49,7 @@
|
|||
gap: 4px;
|
||||
align-items: center;
|
||||
background: var(--inventory-summary-background);
|
||||
color: var(--inventory-summary-color);
|
||||
color: var(--inventory-summary-colour);
|
||||
padding: 6px;
|
||||
border-radius: 4px;
|
||||
|
||||
|
|
@ -57,8 +57,13 @@
|
|||
width: 75px;
|
||||
text-align: center;
|
||||
background: var(--inventory-input-background);
|
||||
color: var(--inventory-input-color);
|
||||
color: var(--inventory-input-colour);
|
||||
text-align: center;
|
||||
|
||||
&:disabled {
|
||||
color: var(--inventory-input-disabled-colour);
|
||||
cursor: not-allowed;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -90,7 +95,7 @@
|
|||
|
||||
.summary {
|
||||
display: grid;
|
||||
grid-template-columns: auto 1fr 50px auto;
|
||||
grid-template-columns: min-content auto 1fr 50px auto;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
background: var(--item-card-header-background);
|
||||
|
|
@ -120,7 +125,7 @@
|
|||
|
||||
input, button {
|
||||
background: var(--item-card-header-input-background);
|
||||
color: var(--item-card-header-input-color);
|
||||
color: var(--item-card-header-input-colour);
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue