rail5/autobuild
1
0
Fork 0
Code Issues Pull requests Projects Releases 28 Packages Wiki Activity

Fix login display on mobile

Browse source
This commit is contained in:
Andrew S. Rightenburg 2024-10-07 20:12:10 +08:00
parent 99df4bc1eb
commit 9d93f84b41
Signed by: rail5
GPG key ID: BD8796E9783D5764
2 changed files with 12 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
web/login.php
View file

@ -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">

11
web/style.css
View file

@ -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;
}