Jocaru/echoes-of-the-ash
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Refactor global UI to Tech-HUD style (clip-path)

Browse Source
This commit is contained in:
Joan
2026-02-06 11:51:58 +01:00
parent fb92f28a69
commit dcfc91b82b
6 changed files with 20 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
pwa/src/components/game/InventoryModal.css
View File

@@ -46,11 +46,11 @@
max-width: 1400px;
background: var(--game-bg-modal);
border: 1px solid var(--game-border-color);
border-radius: var(--game-radius-lg);
box-shadow: var(--game-shadow-modal);
overflow: hidden;
color: var(--game-text-primary);
font-family: var(--game-font-main);
clip-path: var(--game-clip-path);
}
/* Top Bar */
@@ -97,9 +97,9 @@
.metric-bar {
height: 8px;
background: rgba(0, 0, 0, 0.5);
border-radius: var(--game-radius-sm);
overflow: hidden;
border: 1px solid var(--game-border-color);
clip-path: var(--game-clip-path-sm);
}
.metric-fill {
@@ -127,8 +127,8 @@
align-items: center;
gap: 0.75rem;
padding: 0.5rem 1rem;
border-radius: 8px;
background: rgba(255, 255, 255, 0.05);
clip-path: var(--game-clip-path-sm);
}
.backpack-status.active {
@@ -238,11 +238,11 @@
padding: 0.75rem 1rem;
background: var(--game-bg-input);
border: 1px solid var(--game-border-color);
border-radius: var(--game-radius-md);
margin-bottom: 1.5rem;
color: var(--game-text-primary);
width: 100%;
box-sizing: border-box;
clip-path: var(--game-clip-path-sm);
}
.inventory-search-bar input {