Stack admin forms to prevent overflow
This commit is contained in:
@@ -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
|
||||||
|
|||||||
@@ -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 {
|
||||||
|
|||||||
Reference in New Issue
Block a user