Refactor global UI to Tech-HUD style (clip-path)
This commit is contained in:
@@ -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 {
|
||||
|
||||
Reference in New Issue
Block a user