fix (#629): responsive admin issue

This commit is contained in:
MickaelK 2025-04-11 16:49:59 +10:00
parent 55dfff7b00
commit 9f80c341e7

View file

@ -81,19 +81,26 @@
}
}
@media screen and (max-width: 650px) {
.component_menu_sidebar { width: 100px; }
.component_menu_sidebar h2 { display: none; }
}
@media screen and (max-width: 500px) {
.component_page_admin { flex-wrap: wrap; }
.component_menu_sidebar {
width: inherit;
padding: 25px 10px;
width: 100%;
height: initial;
display: flex;
padding: 10px;
border-bottom: 2px solid var(--color);
}
.component_menu_sidebar h2 {
display: none;
}
}
@media screen and (max-width: 440px) {
.component_menu_sidebar {
padding: 5px 5px;
.component_menu_sidebar ul {
margin: 0;
display: flex;
align-items: center;
padding-left: 10px;
}
.component_menu_sidebar ul li {
width: 50px;
margin: 0 10px;
}
}