Stack admin forms to prevent overflow

This commit is contained in:
Nirodan
2026-01-22 13:05:47 +01:00
parent 7af1ca32ed
commit edc5fa7fd0
2 changed files with 9 additions and 4 deletions
+3 -3
View File
@@ -122,14 +122,14 @@ function AdminDashboard() {
<div> <div>
<p className="eyebrow">Adminbereich</p> <p className="eyebrow">Adminbereich</p>
<h2>Verwaltung</h2> <h2>Verwaltung</h2>
<p className="muted">Nutzer, externe Links und Python-Skripte zentral verwalten.</p> <p className="muted">Nutzer und externe Links zentral verwalten.</p>
</div> </div>
</div> </div>
<div className="admin-grid"> <div className="admin-grid">
<div className="admin-card"> <div className="admin-card">
<h3>Neuen Nutzer anlegen</h3> <h3>Neuen Nutzer anlegen</h3>
<div className="form-grid"> <div className="form-grid stacked">
<label> <label>
Benutzername Benutzername
<input <input
@@ -203,7 +203,7 @@ function AdminDashboard() {
<div className="admin-grid"> <div className="admin-grid">
<div className="admin-card"> <div className="admin-card">
<h3>Externe Webseiten</h3> <h3>Externe Webseiten</h3>
<div className="form-grid"> <div className="form-grid stacked">
<label> <label>
Name Name
<input <input
+6 -1
View File
@@ -41,17 +41,22 @@
.form-grid { .form-grid {
display: grid; display: grid;
grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
gap: 12px; gap: 12px;
margin: 12px 0 8px; margin: 12px 0 8px;
} }
.form-grid.stacked {
grid-template-columns: 1fr;
}
.form-grid label { .form-grid label {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
gap: 6px; gap: 6px;
color: var(--muted); color: var(--muted);
font-weight: 600; font-weight: 600;
word-break: break-word;
} }
select { select {