-<script>
- $(document).ready(function(){
- $("#loginModal").modal({backdrop: 'static', keyboard: false}, 'show');
- });
-
-</script>
-<body role="document">
-<div class="container-fluid">
-<form method="post" action="index.php?redirect=<?php echo $redirect; ?>">
- <div class="modal" id="loginModal" data-backdrop="static" data-keyboard="false" tabindex="-1" aria-labelledby="loginModal" aria-hidden="false"></a>
- <div class="modal-dialog modal-dialog-centered">
- <div class="modal-content">
- <div class="modal-header" style="margin: 0 auto;">
- <h3 class="modal-title" id="loginModaltitle"><img src="<?php echo BASE_URL; ?>img/favicon.ico"> Log in to use Admin Panel</h3>
- </div>
- <div class="modal-body">
- <div class="form-group">
- <?php
- if (isset($failmsg)) Message::Fail($failmsg);
- if ($logout)
- Message::Success("You have been logged out");
- ?>
- <br>
- <div class="input-group mb-3">
- <div class="input-group-prepend">
- <span class="input-group-text" id="basic-addon1"><i class="fa-solid fa-user"></i></span>
- </div><input type="text" class="form-control" name="username" id="username" placeholder="Username" aria-label="Username" aria-describedby="basic-addon1">
- </div>
+<section class="vh-100">
+ <div class="container py-5 h-10">
+ <div class="row d-flex justify-content-center align-items-center">
+ <div class="col-12 col-md-8 col-lg-6 col-xl-5">
+ <div class="card shadow-2-strong" style="border-radius: 1rem;">
+ <div class="card-body p-5 text-center">
+ <form id="login" method="post" action="index.php?redirect=<?php echo $redirect; ?>">
+ <h3><img src="<?php echo get_config("base_url"); ?>img/favicon.ico"> Log in to use Admin Panel</h3>