ONIMAI-SMP/Launcher
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

Updated Dividers & Margins

Browse Source 
Applied Separated Dividers for Server player count, Mojang Status & Launching and Pack selection to give fine-tuned control over each margin to allow for better text placement.
This commit is contained in:
Peter 2021-09-29 00:38:53 +01:00
parent 6822f82ee0
commit fb287eaaec
2 changed files with 24 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
app/assets/css/launcher.css
View File

@ -3212,8 +3212,27 @@ input:checked + .toggleSwitchSlider:before {
height: 25px; height: 25px;
width: 2px; width: 2px;
background: rgba(107, 105, 105, 0.7); background: rgba(107, 105, 105, 0.7);
margin-left: 50px; margin-left: 60px;
margin-right: 11px; right: 20px;
margin-right: 10px;
}
.bot_divider_r {
height: 25px;
width: 2px;
background: rgba(107, 105, 105, 0.7);
margin-left: 45px;
right: 10px;
margin-right: 13px;
}
.bot_divider_rl {
height: 25px;
width: 2px;
background: rgba(107, 105, 105, 0.7);
margin-left: 15px;
right: 10px;
margin-right: 13px;
} }
/* * * /* * *
@ -3232,7 +3251,7 @@ input:checked + .toggleSwitchSlider:before {
font-size: 15px; font-size: 15px;
font-weight: 900; font-weight: 900;
text-shadow: 0px 0px 20px #949494; text-shadow: 0px 0px 20px #949494;
margin-left: 10px; margin-left: 14px;
} }
/* Wrapper container for the mojang status bar. */ /* Wrapper container for the mojang status bar. */

4
app/landing.ejs
View File

@ -139,13 +139,13 @@
<div class="bot_wrapper"> <div class="bot_wrapper">
<div id="launch_content"> <div id="launch_content">
<button id="launch_button">PLAY</button> <button id="launch_button">PLAY</button>
<div class="bot_divider"></div> <div class="bot_divider_r"></div>
<button id="server_selection_button" class="bot_label">&#8226; No Server Selected</button> <button id="server_selection_button" class="bot_label">&#8226; No Server Selected</button>
</div> </div>
<div id="launch_details"> <div id="launch_details">
<div id="launch_details_left"> <div id="launch_details_left">
<span id="launch_progress_label">0%</span> <span id="launch_progress_label">0%</span>
<div class="bot_divider"></div> <div class="bot_divider_rl"></div>
</div> </div>
<div id="launch_details_right"> <div id="launch_details_right">
<progress id="launch_progress" value="22" max="100"></progress> <progress id="launch_progress" value="22" max="100"></progress>