Michatec/wk_wars2x
1
1
Fork 0
mirror of https://github.com/Michatec/wk_wars2x.git synced 2026-04-01 08:26:27 +02:00
Code Issues Packages Projects Releases Activity

Custom background for remote control

Browse Source
This commit is contained in:
Dan
2019-11-24 23:27:01 +00:00
parent ddde4e72a5
commit 0f8cc055a8
4 changed files with 17 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
nui/radar.css
View File

@@ -321,8 +321,10 @@
} }
#rc { #rc {
width: 275px; /* width: 275px;
height: 700px; height: 750px; */
width: 315px;
height: 800px;
position: absolute; position: absolute;
top: 0; top: 0;
@@ -330,15 +332,19 @@
left: 0; left: 0;
right: 0; right: 0;
margin: auto; margin: auto;
padding-top: 25px; /* padding-top: 25px; */
padding: 65px 30px 50px 30px;
display: grid; display: grid;
grid-template-rows: 50px 30px 200px 30px 60px 130px 50px 80px auto; grid-template-rows: 50px 30px 200px 30px 60px 130px 50px 80px;
justify-items: center; justify-items: center;
align-items: center; align-items: center;
color: white; color: white;
background-color: rgb( 50, 50, 50 ); /* background-color: rgb( 50, 50, 50 ); */
background-image: url( "rc_bg.png" );
/* clip-path: polygon( 5% 0, 95% 0, 100% 25%, 90% 100%, 10% 100%, 0 25% ); */
z-index: 15; z-index: 15;
} }
@@ -418,10 +424,6 @@
clip-path: polygon( 50% 0, 100% 60%, 70% 60%, 70% 100%, 30% 100%, 30% 60%, 0 60% ); clip-path: polygon( 50% 0, 100% 60%, 70% 60%, 70% 100%, 30% 100%, 30% 60%, 0 60% );
background-color: rgb( 0, 0, 0 ); background-color: rgb( 0, 0, 0 );
} }
#rc .xmit_btn .arrow_top {
/* margin: 10px auto 0 auto; */
}
#rc .xmit_btn .arrow_bottom { #rc .xmit_btn .arrow_bottom {
transform: rotate( 180deg ); transform: rotate( 180deg );
bottom: 0; bottom: 0;
@@ -441,7 +443,7 @@
} }
#rc .antenna_btns_container { #rc .antenna_btns_container {
width: 95%; width: 90%;
height: 100%; height: 100%;
display: grid; display: grid;
grid-template-rows: 45% 10% 45%; grid-template-rows: 45% 10% 45%;
@@ -534,7 +536,7 @@
#rc .light { #rc .light {
width: 120px; width: 120px;
height: 30px; height: 30px;
font-size: 17px; font-size: 15px;
} }
#rc .logo { #rc .logo {

8
nui/radar.html
View File

@@ -4,8 +4,8 @@
</head> </head>
<body onselectstart="return false;" ondragstart="return false;"> <body onselectstart="return false;" ondragstart="return false;">
<!-- <div class="unit_frame" style="display: none;"> --> <div class="unit_frame" style="display: none;">
<div class="unit_frame"> <!-- <div class="unit_frame"> -->
<div class="frame_border"></div> <div class="frame_border"></div>
<div class="radar_container"> <div class="radar_container">
@@ -123,7 +123,7 @@
<div class="xmit_wrap"> <div class="xmit_wrap">
<div class="xmit_btn xmit_top"> <div class="xmit_btn xmit_top">
<div class="arrow arrow_top"></div> <div class="arrow"></div>
<button class="top_middle">XMIT HOLD</button> <button class="top_middle">XMIT HOLD</button>
</div> </div>
</div> </div>
@@ -156,7 +156,7 @@
<button class="ps_blank blue">PS BLANK</button> <button class="ps_blank blue">PS BLANK</button>
</div> </div>
<button class="rounded_btn light blue">LIGHT</button> <button class="rounded_btn light blue">UI SETTINGS</button>
<p class="logo"><span class="large">Wraith</span> ARS 2X</p> <p class="logo"><span class="large">Wraith</span> ARS 2X</p>
</div> </div>

BIN
nui/rc_bg.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 532 KiB

BIN
nui/rc_bg.psd Normal file
View File

Binary file not shown.