Make all pages fit

This commit is contained in:
DeionSi 2023-01-12 23:02:22 +01:00
parent 07caef4707
commit 0d8a13a99a
2 changed files with 10 additions and 30 deletions

View File

@ -3221,40 +3221,20 @@ input, select, textarea {
/* Wrapper */
div.wrapper {
padding-top: 3.5em;
}
.wrapper {
position: relative;
}
.wrapper > .inner {
padding: 5em 5em 3em 5em ;
padding: 1em 3em;
max-width: 100%;
width: 75em;
}
@media screen and (max-width: 1680px) {
.wrapper > .inner {
padding: 4em 4em 2em 4em ;
}
}
@media screen and (max-width: 1280px) {
.wrapper > .inner {
width: 100%;
}
}
@media screen and (max-width: 736px) {
.wrapper > .inner {
padding: 3em 2em 1em 2em ;
}
}
.wrapper.alt {
background-color: #261c3e;
}

View File

@ -34,7 +34,7 @@
<div class="wrapper">
<!-- Choose Version -->
<section id="loader" class="wrapper style1 fullscreen fade-up" style="height: 100vh;">
<section id="loader" class="wrapper style1" style="height: 100vh;">
<div class="inner">
<div style="display: none; text-align: center;" id="update_text"><a href="" id="update_url" target="_blank">A new version is available. Click here to download</a></div>
<center><img src="assets/speeduino logo_white.png" width="235"/></center>
@ -58,7 +58,7 @@
</section>
<!-- Firmware details -->
<section id="details" class="wrapper style1-alt spotlights" style="height: 100vh;">
<section id="details" class="wrapper style1-alt" style="height: 100vh;">
<div class="inner">
<h1>Firmware Notes</h1>
@ -75,7 +75,7 @@
</section>
<!-- Choose Port -->
<section id="port" class="wrapper style2 fullscreen fade-up" style="height: 100vh;">
<section id="port" class="wrapper style2" style="height: 100vh;">
<div class="inner">
<h1>Select Serial Port</h1>
<p>Available Ports:
@ -92,7 +92,7 @@
</section>
<!-- Progress -->
<section id="progress" class="wrapper style3 fade-up" style="height: 100vh;">
<section id="progress" class="wrapper style3" style="height: 100vh;">
<!-- Sponsor bar -->
<section id="sponsor">
<div class="inner">
@ -128,7 +128,7 @@
</section>
<!-- Base Tune download -->
<section id="basetunes" class="wrapper style4 fullscreen fade-up" style="height: 100vh;">
<section id="basetunes" class="wrapper style4" style="height: 100vh;">
<div class="inner">
<h2 style="margin: 0;">Base Tunes</h1>
<p style="font-size: 12px;">