News-Admin-Workflow aufgebohrt:
- News können jetzt als Admin erstellt und gelöscht werden, mit Zwischenseite zur Bestätigung. - Fehler bei den Feldnamen im Model gefixt. - Nach dem Anlegen/Löschen gibt’s jetzt wie beim Login/Registrieren eine kurze Erfolgsmeldung und automatischen Redirect. - Includes und Redirects aufgeräumt, damit keine Warnungen mehr kommen.
This commit is contained in:
110
CSS/style.css
110
CSS/style.css
@@ -405,4 +405,114 @@ a {
|
||||
.nav-links .links {
|
||||
margin: 0 12px;
|
||||
}
|
||||
}
|
||||
|
||||
/* Tabellen-Design */
|
||||
table {
|
||||
width: 100%;
|
||||
border-collapse: separate;
|
||||
border-spacing: 0;
|
||||
background: #fff;
|
||||
border-radius: 10px;
|
||||
box-shadow: 0 2px 12px rgba(0,0,0,0.07);
|
||||
margin: 24px 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
thead th {
|
||||
background: #BAC8D4;
|
||||
color: #222;
|
||||
font-weight: 600;
|
||||
padding: 12px 8px;
|
||||
text-align: left;
|
||||
border-bottom: 2px solid #e0e0e0;
|
||||
}
|
||||
tbody td {
|
||||
padding: 10px 8px;
|
||||
border-bottom: 1px solid #f0f0f0;
|
||||
vertical-align: top;
|
||||
}
|
||||
tbody tr:last-child td {
|
||||
border-bottom: none;
|
||||
}
|
||||
tbody tr:hover {
|
||||
background: #f5faff;
|
||||
}
|
||||
.admin-btn, .admin-btn:visited {
|
||||
display: inline-block;
|
||||
background: #4d4d4d;
|
||||
color: #fff;
|
||||
border-radius: 5px;
|
||||
padding: 7px 16px;
|
||||
margin: 8px 0 12px 0;
|
||||
text-decoration: none;
|
||||
font-size: 1em;
|
||||
font-weight: 500;
|
||||
transition: background 0.2s;
|
||||
}
|
||||
.admin-btn:hover {
|
||||
background: #222;
|
||||
color: #fff;
|
||||
}
|
||||
td a {
|
||||
color: #09add0;
|
||||
text-decoration: underline;
|
||||
margin: 0 4px;
|
||||
font-size: 0.98em;
|
||||
}
|
||||
td a:hover {
|
||||
color: #007b9e;
|
||||
}
|
||||
|
||||
.news-cards {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 24px;
|
||||
justify-content: flex-start;
|
||||
margin: 24px 0;
|
||||
}
|
||||
.news-card {
|
||||
background: #fff;
|
||||
border-radius: 12px;
|
||||
box-shadow: 0 2px 12px rgba(0,0,0,0.08);
|
||||
padding: 20px 18px 16px 18px;
|
||||
max-width: 340px;
|
||||
min-width: 220px;
|
||||
flex: 1 1 300px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-between;
|
||||
margin: 0;
|
||||
}
|
||||
.news-card h3 {
|
||||
margin: 0 0 8px 0;
|
||||
font-size: 1.2em;
|
||||
color: #222;
|
||||
}
|
||||
.news-card .news-date {
|
||||
font-size: 0.95em;
|
||||
color: #888;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.news-card .news-desc {
|
||||
font-size: 1em;
|
||||
color: #333;
|
||||
margin-bottom: 14px;
|
||||
white-space: pre-line;
|
||||
}
|
||||
.news-card .admin-btn {
|
||||
align-self: flex-end;
|
||||
margin: 0 0 0 8px;
|
||||
padding: 6px 12px;
|
||||
font-size: 0.97em;
|
||||
}
|
||||
@media (max-width: 700px) {
|
||||
.news-cards {
|
||||
flex-direction: column;
|
||||
gap: 16px;
|
||||
}
|
||||
.news-card {
|
||||
max-width: 98vw;
|
||||
min-width: unset;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
Reference in New Issue
Block a user