gru/hosts_app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

nowa funkcja / domyslne wpisy

Browse Source
This commit is contained in:
Mateusz Gruszczyński
2025-03-10 12:04:22 +01:00
parent 7fb796357f
commit 9cffcb0ca6
7 changed files with 363 additions and 82 deletions
Download Patch File Download Diff File Expand all files Collapse all files

149
static/css/custom.css
View File

@ -1,71 +1,82 @@
/* Style trybu ciemnego – stosujemy je tylko, gdy body ma klasę dark-mode */
body.dark-mode {
background-color: #121212;
color: #e0e0e0;
}
body.dark-mode footer {
background-color: #1e1e1e !important;
}
/* Tabele – style ciemnego motywu */
body.dark-mode .table {
color: #e0e0e0;
background-color: #1e1e1e;
border: 1px solid #444;
}
body.dark-mode .table th,
body.dark-mode .table td {
border: 1px solid #444;
}
body.dark-mode .table-striped tbody tr:nth-of-type(odd) {
background-color: #2e2e2e;
}
body.dark-mode .table-striped tbody tr:nth-of-type(even) {
background-color: #1e1e1e;
}
body.dark-mode .table thead {
background-color: #333;
color: #e0e0e0;
}
/* Karty */
body.dark-mode .card {
background-color: #1e1e1e;
color: #e0e0e0;
border-color: #333;
}
/* Formularze */
body.dark-mode .form-control,
body.dark-mode .form-select {
background-color: #2e2e2e;
color: #e0e0e0;
border: 1px solid #444;
}
body.dark-mode .form-control:focus,
body.dark-mode .form-select:focus {
background-color: #2e2e2e;
color: #e0e0e0;
border-color: #777;
box-shadow: none;
}
/* Przycisk Wyloguj – solidny przycisk, by był czytelny */
.btn-logout {
color: #fff;
}
/* Zmniejszenie rozmiaru czcionki w navbarze */
.navbar {
font-size: 0.9rem; /* zmniejszony rozmiar czcionki */
}
/* Style trybu ciemnego – stosujemy je tylko, gdy body ma klasę dark-mode */
body.dark-mode {
background-color: #121212;
color: #e0e0e0;
}
body.dark-mode footer {
background-color: #1e1e1e !important;
}
/* Tabele – style ciemnego motywu */
body.dark-mode .table {
color: #e0e0e0;
background-color: #1e1e1e;
border: 1px solid #444;
}
body.dark-mode .table th,
body.dark-mode .table td {
border: 1px solid #444;
}
body.dark-mode .table-striped tbody tr:nth-of-type(odd) {
background-color: #2e2e2e;
}
body.dark-mode .table-striped tbody tr:nth-of-type(even) {
background-color: #1e1e1e;
}
body.dark-mode .table thead {
background-color: #333;
color: #e0e0e0;
}
/* Karty */
body.dark-mode .card {
background-color: #1e1e1e;
color: #e0e0e0;
border-color: #333;
}
/* Formularze */
body.dark-mode .form-control,
body.dark-mode .form-select {
background-color: #2e2e2e;
color: #e0e0e0;
border: 1px solid #444;
}
body.dark-mode .form-control:focus,
body.dark-mode .form-select:focus {
background-color: #2e2e2e;
color: #e0e0e0;
border-color: #777;
box-shadow: none;
}
/* Przycisk Wyloguj – solidny przycisk, by był czytelny */
.btn-logout {
color: #fff;
}
/* Sprytne odwracanie kolorow dla svg */
html[data-bs-theme="dark"] .mikrotik-logo {
filter: invert(1);
}
html[data-bs-theme="dark"] .linux-logo {
filter: invert(1);
}
/* Zmniejszenie rozmiaru czcionki w navbarze */
.navbar {
font-size: 0.85rem; /* zmniejszony rozmiar czcionki */
}
.progress-bar {
display: flex;
justify-content: center;
align-items: center;
}
/* Sprytne odwracanie kolorow dla svg */
html[data-bs-theme="dark"] .mikrotik-logo {
filter: invert(1);
}
html[data-bs-theme="dark"] .linux-logo {
filter: invert(1);
}
.progress-bar {
display: flex;
justify-content: center;
align-items: center;
}
/* Zmniejszenie tekstu w rozwijanym menu navbar */
.navbar .dropdown-menu {
font-size: 0.72rem; /* Dostosuj rozmiar czcionki */
}
/* Zmniejszenie paddingu dla elementów dropdown */
.navbar .dropdown-item {
font-size: 0.72rem; /* Dostosuj rozmiar czcionki */
padding: 0.1rem 0.5rem; /* Mniejszy padding */
}