pridani visualiser pre chunks,
oddeleny FontAwesome do samostatnych chunks, optimalizovane pre mobil
This commit is contained in:
@ -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
|
||||
|
||||
Reference in New Issue
Block a user