Tweaked form input styling

Browse Source
This commit is contained in:
BordedDev 2025-03-08 18:56:55 +01:00
parent 7c22a70722
commit c9113ca095
No known key found for this signature in database
GPG Key ID: C5F495EAE56673BF
1 changed files with 21 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
src/snek/static/generic-form.js
View File

@ -75,16 +75,28 @@ class GenericField extends HTMLElement {
} }
input { input {
width: 90%; width: 90%;
padding: 10px; padding: 10px;
margin: 10px 0; margin: 10px 0;
border: 1px solid #333; border: 1px solid #333;
border-radius: 5px; border-radius: 5px;
background-color: #1a1a1a; background-color: #1a1a1a;
color: #e6e6e6; color: #e6e6e6;
font-size: 1em; font-size: 1em;
&:focus {
outline: 2px solid #f05a28 !important;
}
&::placeholder {
transition: opacity 0.3s;
}
&:focus::placeholder {
opacity: 0.4;
}
} }
button { button {
width: 50%; width: 50%;
padding: 10px; padding: 10px;