Stack admin forms to prevent overflow
This commit is contained in:
@@ -122,14 +122,14 @@ function AdminDashboard() {
|
||||
<div>
|
||||
<p className="eyebrow">Adminbereich</p>
|
||||
<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 className="admin-grid">
|
||||
<div className="admin-card">
|
||||
<h3>Neuen Nutzer anlegen</h3>
|
||||
<div className="form-grid">
|
||||
<div className="form-grid stacked">
|
||||
<label>
|
||||
Benutzername
|
||||
<input
|
||||
@@ -203,7 +203,7 @@ function AdminDashboard() {
|
||||
<div className="admin-grid">
|
||||
<div className="admin-card">
|
||||
<h3>Externe Webseiten</h3>
|
||||
<div className="form-grid">
|
||||
<div className="form-grid stacked">
|
||||
<label>
|
||||
Name
|
||||
<input
|
||||
|
||||
@@ -41,17 +41,22 @@
|
||||
|
||||
.form-grid {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
|
||||
grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
|
||||
gap: 12px;
|
||||
margin: 12px 0 8px;
|
||||
}
|
||||
|
||||
.form-grid.stacked {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
|
||||
.form-grid label {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 6px;
|
||||
color: var(--muted);
|
||||
font-weight: 600;
|
||||
word-break: break-word;
|
||||
}
|
||||
|
||||
select {
|
||||
|
||||
Reference in New Issue
Block a user