Skirda/LiveAtlas
4
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Sidebar responsive fixes

Browse Source
This commit is contained in:
James Lyne 2020-12-20 16:18:01 +00:00
parent 7fd972b80f
commit d34383f88c
1 changed files with 13 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
src/components/Sidebar.vue
View File

@ -142,14 +142,19 @@ export default defineComponent({
align-items: flex-end; align-items: flex-end;
margin: 0; margin: 0;
position: absolute; position: absolute;
right: 0.5rem; right: 1rem;
top: 0.5rem; top: 1rem;
button + button { button + button {
margin-left: 0; margin-left: 0;
margin-top: 1rem; margin-top: 1rem;
} }
} }
@media (max-width: 25rem) {
right: 0.5rem;
top: 0.5rem;
}
} }
.sidebar__section { .sidebar__section {
@ -176,11 +181,15 @@ export default defineComponent({
} }
} }
@media (max-width: 30rem), (max-height: 30rem) { @media (max-width: 30rem) {
padding-right: 7rem;
}
@media (max-width: 25rem), (max-height: 30rem) {
padding: 0.5rem; padding: 0.5rem;
} }
@media (max-width: 30rem) { @media (max-width: 25rem) {
padding-right: 6.5rem; padding-right: 6.5rem;
} }