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