diff --git a/nui/bg_side.png b/nui/bg_left.png similarity index 87% rename from nui/bg_side.png rename to nui/bg_left.png index 8c4fd18..5a20a15 100644 Binary files a/nui/bg_side.png and b/nui/bg_left.png differ diff --git a/nui/bg_right.png b/nui/bg_right.png new file mode 100644 index 0000000..70a2e9f Binary files /dev/null and b/nui/bg_right.png differ diff --git a/nui/radar.css b/nui/radar.css index 5ec42e5..7a86d3b 100644 --- a/nui/radar.css +++ b/nui/radar.css @@ -68,19 +68,21 @@ .panel_side { width: 100%; height: 100%; - background-image: url( "bg_side.png" ); - background-repeat: no-repeat; z-index: 5; box-shadow: inset 0px 20px 20px -15px rgba( 0, 0, 0, 0.4 ); } .panel_left { clip-path: polygon( 0 30%, 80% 0, 100% 0, 100% 100%, 80% 100%, 0 70% ); transform: translateX( 1px ); + background-image: url( "bg_left.png" ); + background-repeat: no-repeat; } .panel_right { clip-path: polygon( 0 0, 20% 0, 100% 30%, 100% 70%, 20% 100%, 0 100% ); transform: translateX( -1px ); + background-image: url( "bg_right.png" ); + background-repeat: no-repeat; } .arrow { @@ -98,7 +100,7 @@ .active { color: rgb( 242, 70, 24 ); - text-shadow: 0 0 6px rgba( 235, 62, 15, 0.65 ); + text-shadow: 0 0 6px rgba( 235, 62, 15, 0.5 ); } .active_arrow { background-color: rgb( 242, 70, 24 );