glenn
/
asteroid
mirror of https://github.com/glenneth1/asteroid.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Fix auth form styling: wider forms (600px) and hidden message boxes 

- Increased auth-form max-width from 400px to 600px to match site styling
- Reduced form-group margin-bottom from 3rem to 1.5rem for better spacing
- Added display:none to error/success message boxes by default
- Message boxes now only show when server sets display-error/display-success
This commit is contained in:
glenneth 2025-10-06 23:51:32 -04:00 committed by Brian O'Reilly
parent 5d31763e85
commit efb96f950e
4 changed files with 7 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
static/asteroid.css
View File

@ -569,7 +569,7 @@ body .auth-form{
border-radius: 8px; border-radius: 8px;
padding: 2rem; padding: 2rem;
width: 100%; width: 100%;
max-width: 400px; max-width: 600px;
-moz-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
-o-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3); -o-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
@ -591,7 +591,7 @@ body .auth-form h3{
} }
body .form-group{ body .form-group{
margin-bottom: 3rem; margin-bottom: 1.5rem;
} }
body .form-group label{ body .form-group label{

4
static/asteroid.lass
View File

@ -455,7 +455,7 @@
:border-radius 8px :border-radius 8px
:padding 2rem :padding 2rem
:width "100%" :width "100%"
:max-width 400px :max-width 600px
:box-shadow "0 4px 6px rgba(0, 0, 0, 0.3)" :box-shadow "0 4px 6px rgba(0, 0, 0, 0.3)"
(h2 :color "#00ffff" (h2 :color "#00ffff"
@ -468,7 +468,7 @@
:font-size 1.2rem)) :font-size 1.2rem))
(.form-group (.form-group
:margin-bottom 3rem :margin-bottom 1.5rem
(label :display block (label :display block
:color "#ccc" :color "#ccc"

2
template/login.chtml
View File

@ -12,7 +12,7 @@
<div class="auth-container"> <div class="auth-container">
<div class="auth-form"> <div class="auth-form">
<h2>System Access</h2> <h2>System Access</h2>
<div class="message error" data-attr="style" data-attr-value="display-error"> <div class="message error" data-attr="style" data-attr-value="display-error" style="display: none;">
<span data-text="error-message">Invalid username or password</span> <span data-text="error-message">Invalid username or password</span>
</div> </div>
<form method="post" action="/asteroid/login"> <form method="post" action="/asteroid/login">

4
template/register.chtml
View File

@ -17,10 +17,10 @@
<div class="auth-container"> <div class="auth-container">
<div class="auth-form"> <div class="auth-form">
<h2>Create Account</h2> <h2>Create Account</h2>
<div class="message error" data-attr="style" data-attr-value="display-error"> <div class="message error" data-attr="style" data-attr-value="display-error" style="display: none;">
<span data-text="error-message">Registration failed</span> <span data-text="error-message">Registration failed</span>
</div> </div>
<div class="message success" data-attr="style" data-attr-value="display-success"> <div class="message success" data-attr="style" data-attr-value="display-success" style="display: none;">
<span data-text="success-message">Registration successful!</span> <span data-text="success-message">Registration successful!</span>
</div> </div>
<form method="post" action="/asteroid/register"> <form method="post" action="/asteroid/register">