ben.carrasco/jambonz-webapp
1
0
Fork 0
mirror of https://github.com/jambonz/jambonz-webapp.git synced 2026-07-04 19:21:58 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix css for recent calls in small screen (#331)

Browse Source
This commit is contained in:
Hoan Luu Huu
2023-10-16 17:51:49 +07:00
committed by GitHub
parent 26e3856603
commit 729cefb06c
1 changed files with 34 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/styles/_filters.scss
+34 -3
View File
@@ -19,14 +19,45 @@
grid-gap: ui-vars.$px02;
}
}
> :first-child {
margin-left: auto;
}
&--multi {
overflow-x: auto;
white-space: nowrap;
grid-gap: ui-vars.$px02;
> :first-child {
margin-left: auto;
@media (max-width: 1400px) {
display: grid;
grid-template-columns: repeat(4, 1fr);
> * {
justify-self: end;
}
}
@media (max-width: 1200px) {
display: grid;
grid-template-columns: repeat(3, 1fr);
> * {
justify-self: end;
}
}
@media (max-width: 1000px) {
display: grid;
grid-template-columns: repeat(2, 1fr);
> * {
justify-self: end;
}
}
@media (max-width: 500px) {
display: grid;
grid-template-columns: repeat(1, 1fr);
> * {
justify-self: end;
}
}
}