Wizzard/radarflow2-kvm
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Change settings bar

Browse Source
This commit is contained in:
Wizzard 2025-03-10 11:43:27 -04:00
parent f2824af426
commit 235c3a6151
2 changed files with 24 additions and 6 deletions
webradar
assets/image
background.png
styles.css

BIN
webradar/assets/image/background.png Normal file

Binary file not shown.
Side by Side

After

(image error) Size: 307 KiB

30
webradar/styles.css

@ -6,6 +6,9 @@ body {
align-items: center; align-items: center;
height: 100vh; height: 100vh;
background-color: #000000; /* Change the background color as needed */ background-color: #000000; /* Change the background color as needed */
background-image: url('assets/image/background.png');
background-repeat: repeat;
background-size: 128px 128px;
} }
#canvasContainer { #canvasContainer {
@ -23,12 +26,27 @@ canvas {
} }
#settingsHolder { #settingsHolder {
visibility: hidden; visibility: visible;
position: absolute; position: fixed;
top: inherit; top: 50%;
left: inherit; left: 0;
width: inherit; transform: translateY(-50%);
height: 20%; width: auto;
height: auto;
z-index: 100;
}
#settingsHolder .settings {
display: flex;
flex-direction: column;
font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
color: white;
visibility: visible;
opacity: 0.8;
padding: 10px;
background-color: rgba(25, 25, 25, 0.7);
border-radius: 5px;
transition: opacity 0.3s ease;
} }
#settingsHolder:hover .settings { #settingsHolder:hover .settings {