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

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

View File

@@ -347,11 +347,11 @@ html {
align-items: center;
background: rgba(0, 0, 0, 0.4);
border: 1px solid var(--game-border-color);
border-radius: var(--game-radius-sm);
padding: 0 0.8rem;
transition: all 0.2s ease;
height: 40px;
position: relative;
clip-path: var(--game-clip-path-sm);
}
.game-search-container:focus-within {
@@ -433,10 +433,10 @@ html {
.location-info {
background: var(--game-bg-panel);
padding: 1.5rem;
border-radius: var(--game-radius-md);
margin-bottom: 1.5rem;
border: 1px solid var(--game-border-color);
box-shadow: var(--game-shadow-card);
clip-path: var(--game-clip-path);
}
.location-info h2 {
@@ -775,9 +775,9 @@ html {
.movement-controls {
background: var(--game-bg-panel);
padding: 1.5rem;
border-radius: var(--game-radius-md);
border: 1px solid var(--game-border-color);
box-shadow: var(--game-shadow-card);
clip-path: var(--game-clip-path);
}
.movement-controls h3 {