also fix the ugly ass register noob.

This commit is contained in:
ui0ppk 2023-01-26 20:01:37 +02:00
parent 86a5afc32f
commit 6235ca47f1
3 changed files with 7 additions and 14 deletions

View File

@ -50,10 +50,10 @@ class PartyStarter {
<a class="nav-link" href="/login">Login</a> <a class="nav-link" href="/login">Login</a>
</li>'; </li>';
} }
echo '<style> body, html, .jumbotron, .jumbotron-fluid, .container { background-color: #2b3036; } </style>'; echo '<style> body, html, .jumbotron, .jumbotron-fluid, .container, main { background-color: #2b3036; } </style>';
echo '<link rel="stylesheet" href="css/bootstrap.min.css"> echo '<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.3/font/bootstrap-icons.css"> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.3/font/bootstrap-icons.css">
<nav class="navbar navbar-expand-lg navbar-light" style="background-color: #ff7700; height: 45px; "> <nav class="navbar navbar-expand-lg navbar-light sticky-top" style="background-color: #ff7700; height: 45px; ">
<div class="container-fluid"> <div class="container-fluid">
<a class="navbar-brand" href="/"><img src="/assets/icons/Grublox.png" width="131" height="30" class="d-inline-block align-top" alt=""></a> <a class="navbar-brand" href="/"><img src="/assets/icons/Grublox.png" width="131" height="30" class="d-inline-block align-top" alt=""></a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarColor03" aria-controls="navbarColor03" aria-expanded="false" aria-label="Toggle navigation"> <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarColor03" aria-controls="navbarColor03" aria-expanded="false" aria-label="Toggle navigation">

View File

@ -1,22 +1,15 @@
.card.mb-3 { .card.mb-3 {
margin: 0; margin: 0;
position: absolute; position: absolute;
top: 50%; top: 25%;
left: 70%; left: 70%;
-ms-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); transform: translate(-50%, -50%);
width: 40.00%; width: 40.00%;
height: 52%; height: 40px;
display: inline-block; display: inline-block;
} }
.btn.btn-secondary {
margin: 0;
position: absolute;
top: 93%;
left: 91%;
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.card.text-white.bg-dark.mb-3 { .card.text-white.bg-dark.mb-3 {
display: inline-block; display: inline-block;
width: fit-content; width: fit-content;

View File

@ -87,8 +87,8 @@ echo "form-control form-control-sm";
echo '<div class="invalid-feedback" bis_skin_checked="1">Password is too short. (8 Characters minmum)</div>'; echo '<div class="invalid-feedback" bis_skin_checked="1">Password is too short. (8 Characters minmum)</div>';
}?> }?>
<label class="col-form-label col-form-label-sm mt-4 passwordconfirm" for="inputSmall">Password Confirmation</label> <label class="col-form-label col-form-label-sm mt-4 passwordconfirm" for="inputSmall">Password Confirmation</label>
<input class="form-control form-control-sm text-light" type="password" placeholder="Enter your password again" id="inputSmall" name="passconfirm"> <input class="form-control form-control-sm" type="password" placeholder="Enter your password again" id="inputSmall" name="passconfirm">
<button type="submit" class="btn btn-secondary text-light" name="submit">Register</button> <button type="submit" class="btn btn-secondary text-light" style="margin-top: 15px; float: right;" name="submit">Register</button><br><br>
</div> </div>
</div> </div>
</form> </form>