MayaTheShy/Inventory-Manager-CC
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Refactor InventoryGrid styles: update category tab and item grid appearance for improved layout and visual consistency

Browse Source
This commit is contained in:
MayaTheShy
2026-03-21 20:17:13 -04:00
parent 993b5ac55a
commit 98f415d7d4
1 changed files with 7 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
web/client/src/components/InventoryGrid.css
View File

@@ -76,16 +76,13 @@
gap: 0;
padding: 0 6px;
padding-top: 4px;
background: var(--mc-inv-bg);
border-left: 3px solid var(--mc-dark);
border-right: 3px solid var(--mc-dark);
box-shadow:
inset 3px 0 0 #fefefe,
inset -3px 0 0 #555;
background: transparent;
flex-shrink: 0;
overflow-x: auto;
margin: 0 0.5rem;
margin-bottom: 0;
margin-bottom: -3px;
position: relative;
z-index: 2;
}
.category-tab {
@@ -96,7 +93,7 @@
background: #8b8b8b;
border: 2px solid;
border-color: #555 #fefefe #c6c6c6 #555;
border-bottom: 2px solid var(--mc-inv-bg);
border-bottom: 2px solid #555;
border-radius: 0;
cursor: pointer;
font-family: 'Silkscreen', 'Courier New', monospace;
@@ -167,10 +164,10 @@
padding: 6px;
background: var(--mc-inv-bg);
border: 3px solid var(--mc-dark);
border-top: none;
box-shadow:
inset 3px 0 0 #fefefe,
inset -3px -3px 0 #555,
inset 0 3px 0 #fefefe,
inset -3px 0 0 #555,
inset 0 -3px 0 #555;
min-height: 200px;
}