M_Viper/Plex-Telegram-Bot
M_Viper
/
Plex-Telegram-Bot
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

public/css/admin.css aktualisiert

This commit is contained in:
M_Viper 2024-10-22 16:28:08 +00:00
parent 57d17e1569
commit 0ddfaa2aea
1 changed files with 18 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
public/css/admin.css
View File

@ -1042,24 +1042,22 @@ body.dark-mode .log-header {
/* Stil für jedes Benutzeritem */ /* Stil für jedes Benutzeritem */
.user-item { .user-item {
display: flex; /* Flexbox aktivieren */
flex-direction: column; /* Vertikale Anordnung der Elemente */
padding: 10px; /* Innenabstand */ padding: 10px; /* Innenabstand */
margin: 10px 0; /* Abstand oben und unten */ margin: 10px 0; /* Abstand oben und unten */
border: 1px solid #2196F3; /* Rahmen */ border: 1px solid #2196F3; /* Rahmen */
border-radius: 5px; /* Abgerundete Ecken */ border-radius: 5px; /* Abgerundete Ecken */
width: 280px; /* Feste Breite */ width: 280px; /* Feste Breite */
height: 280px; /* Feste Höhe */ height: 325px; /* Feste Höhe */
box-sizing: border-box; /* Berücksichtigt Padding und Border */ box-sizing: border-box; /* Berücksichtigt Padding und Border */
overflow: hidden; /* Versteckt überlaufenden Inhalt */ overflow: hidden; /* Versteckt überlaufenden Inhalt */
} }
/* Stil für gerade Benutzerboxen */ /* Stil für den Text innerhalb der Benutzerbox */
.user-item.even { .user-item p {
background-color: #faf8f8; /* Hintergrundfarbe für gerade Boxen */ margin: 5px 0; /* Abstand zwischen den Absätzen */
} line-height: 1.2; /* Zeilenhöhe anpassen (Standardwert ist oft 1.5) */
/* Stil für ungerade Benutzerboxen */
.user-item.odd {
background-color: #d6d6d6; /* Hintergrundfarbe für ungerade Boxen */
} }
/* Stil für den Lösch-Button */ /* Stil für den Lösch-Button */
@ -1071,6 +1069,7 @@ body.dark-mode .log-header {
border-radius: 3px; /* Abgerundete Ecken */ border-radius: 3px; /* Abgerundete Ecken */
cursor: pointer; /* Hand-Cursor */ cursor: pointer; /* Hand-Cursor */
transition: background-color 0.3s; /* Weiche Übergänge */ transition: background-color 0.3s; /* Weiche Übergänge */
margin-top: auto; /* Schiebt den Button nach unten */
} }
/* Hover-Effekt für den Lösch-Button */ /* Hover-Effekt für den Lösch-Button */
@ -1078,6 +1077,16 @@ body.dark-mode .log-header {
background-color: #ff1a1a; /* Dunkleres Rot beim Hover */ background-color: #ff1a1a; /* Dunkleres Rot beim Hover */
} }
/* Stil für gerade Benutzerboxen */
.user-item.even {
background-color: #faf8f8; /* Hintergrundfarbe für gerade Boxen */
}
/* Stil für ungerade Benutzerboxen */
.user-item.odd {
background-color: #d6d6d6; /* Hintergrundfarbe für ungerade Boxen */
}
/* Stil für die Überschrift der Benutzerliste */ /* Stil für die Überschrift der Benutzerliste */
h2 { h2 {
color: #333; /* Textfarbe */ color: #333; /* Textfarbe */