diff --git a/nui/radar.css b/nui/radar.css index 7a86d3b..cd97391 100644 --- a/nui/radar.css +++ b/nui/radar.css @@ -128,13 +128,13 @@ position: absolute; color: rgb( 255, 255, 255 ); } - #radar .labeltop { + #radar .label_top { top: 0; left: 0; padding-top: 3px; } - #radar .labelbottom { + #radar .label_bottom { bottom: 0; left: 0; padding-bottom: 3px; @@ -318,4 +318,93 @@ #radar .display .patrol_speed { color: rgb( 15, 244, 57 ); text-shadow: 0 0 8px rgba( 15, 244, 57, 0.65 ); - } \ No newline at end of file + } + +button { + border: none; + margin: 0; + padding: 0; + + /* Turn bg colour into a gradient */ + background-color: rgb( 200, 200, 200 ); + + font-family: 'Heebo-Regular'; +} + +button:hover { + background-color: rgb( 220, 220, 220 ); +} + +#rc { + width: 275px; + height: 600px; + + position: absolute; + top: 0; + bottom: 0; + left: 0; + right: 0; + margin: auto; + padding-top: 25px; + + display: grid; + grid-template-rows: 40px 30px 200px auto; + justify-items: center; + align-items: center; + + color: white; + background-color: rgb( 50, 50, 50 ); + + z-index: 15; +} + /* Button template classes */ + #rc .rounded_btn { + border-radius: 30px; + } + + #rc .zone_btn { + width: 65px; + height: 65px; + } + + /* Buttons and remote control elements */ + #rc .toggle_display { + width: 130px; + height: 30px; + } + + #rc .label { + font-family: 'Heebo-Regular'; + font-size: 20px; + letter-spacing: 1px; + } + + #rc .antenna_btns_container { + width: 95%; + height: 100%; + display: grid; + grid-template-rows: 45% 10% 45%; + align-items: center; + } + #rc .antenna_btns_container .btns { + display: flex; + justify-content: space-evenly; + align-items: flex-end; + } + #rc .antenna_btns_container .btns .top_left { + border-radius: 35px 5px 5px 5px; + } + + #rc .antenna_btns_container .btns .top_middle { + + } + + #rc .antenna_btns_container .btns .top_right { + border-radius: 5px 35px 5px 5px; + } + + #rc .antenna_btns_container .breaker { + width: 100%; + height: 5px; + background-color: white; + } \ No newline at end of file diff --git a/nui/radar.html b/nui/radar.html index 4a8dbf2..ffb0aa8 100644 --- a/nui/radar.html +++ b/nui/radar.html @@ -4,14 +4,15 @@ -