mirror of
https://github.com/mickael-kerjean/filestash
synced 2025-12-06 08:22:24 +01:00
fix (#629): responsive admin issue
This commit is contained in:
parent
55dfff7b00
commit
9f80c341e7
1 changed files with 17 additions and 10 deletions
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in a new issue