Fix login display on mobile
This commit is contained in:
parent
99df4bc1eb
commit
9d93f84b41
2 changed files with 12 additions and 1 deletions
|
@ -32,7 +32,7 @@ display_error_message();
|
|||
<div class="container">
|
||||
<div class="content-wrapper">
|
||||
<section class="main-content">
|
||||
<div class="card" id="dashboard" style="margin-left: 25%; width: 50%;">
|
||||
<div class="card" id="login">
|
||||
<h2>Log In</h2>
|
||||
<form action="login.php" method="post">
|
||||
<input type="text" name="username" placeholder="Username">
|
||||
|
|
|
@ -145,6 +145,13 @@ main {
|
|||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
.card#login {
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
width: 25%;
|
||||
transform: translate(-50%, 0);
|
||||
}
|
||||
|
||||
.card h2 {
|
||||
margin-bottom: 0.5rem;
|
||||
color: #2c3e50;
|
||||
|
@ -333,6 +340,10 @@ footer {
|
|||
margin-right: 1rem;
|
||||
}
|
||||
|
||||
.card#login {
|
||||
width: 75%;
|
||||
}
|
||||
|
||||
.sidebar {
|
||||
display: none;
|
||||
}
|
||||
|
|
Loading…
Reference in a new issue