pridani visualiser pre chunks,

oddeleny FontAwesome do samostatnych chunks,
optimalizovane pre mobil
This commit is contained in:
2025-05-13 22:57:48 +02:00
parent f0e7c236d5
commit e870a62b89
4 changed files with 377 additions and 1 deletions

View File

@ -131,6 +131,10 @@ button:focus-visible,
flex-direction: row;
align-items: center;
}
#header .menu {
display: flex;
flex-direction: row;
}
#header .menu a,
#header .menu a:visited {
border: 1px solid var(--color-text0);
@ -146,6 +150,19 @@ button:focus-visible,
#header h1 {
display: inline-block;
}
@media (max-width: 900px) {
#header {
flex-direction: column;
align-items: center;
}
#header .menu {
flex-wrap: wrap;
justify-content: center;
}
#header .menu a {
margin: 5px;
}
}
/* ----------------------------------------------------
03 - DASHBOARD
@ -249,6 +266,20 @@ button:focus-visible,
#dashboard .report-priority-3 .report-description {
border-right-color: var(--color-bgRed);
}
@media (max-width: 900px) {
#dashboard {
flex-direction: column;
}
#dashboard > div {
width: 100%;
}
#dashboard > div:not(:first-child) {
border-left: none;
}
#dashboard > div:not(:first-child) {
border-top: 5px var(--color-bg0) dotted;
}
}
/* ----------------------------------------------------
04 - BUG ADD
@ -263,6 +294,11 @@ button:focus-visible,
flex-direction: row;
justify-content: space-between;
}
@media (max-width: 600px) {
#bug-add .cols {
flex-direction: column;
}
}
/* ----------------------------------------------------
05 - ARCHIVE
@ -325,6 +361,11 @@ button:focus-visible,
#about .cols div:hover {
filter: brightness(1.2);
}
@media (max-width: 600px) {
#about .cols {
flex-direction: column;
}
}
/* ----------------------------------------------------
08 - REPORT
@ -337,11 +378,13 @@ button:focus-visible,
display: flex;
flex-direction: row;
/* justify-content: space-between; */
flex-wrap: wrap;
gap: 10px;
}
#report .report-header div {
display: flex;
flex-direction: row;
margin-right: 20px;
/* margin-right: 20px; */
align-items: center;
}
#report .report-header div span {
@ -362,7 +405,11 @@ button:focus-visible,
text-align: justify;
white-space: pre-line
}
@media (max-width: 600px) {
#report .report-header {
}
}
/* ----------------------------------------------------
80 - FORM