ramon
/
skillbox
1
0
Fork 0
Code Issues 1 Pull Requests 1 Packages Projects 1 Releases 1 Wiki Activity

Hide instrument filter on mobile

This commit is contained in:
Ramon Wenger 2023-01-25 17:01:50 +01:00
parent 45b9e7e57b
commit 445f09e16a
2 changed files with 9 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
client/src/components/instruments/InstrumentFilter.vue
View File

@ -39,7 +39,10 @@ export default {
@import '~styles/helpers';
.instrument-filter {
display: flex;
display: none;
@include desktop {
display: flex;
}
flex-direction: column;
}
</style>

12
client/src/pages/instrumentOverview.vue
View File

@ -87,14 +87,12 @@ export default {
.instrument-overview {
display: grid;
//grid-template-rows: auto auto 1fr;
grid-template-columns: 300px auto;
grid-column-gap: $small-spacing;
//@include centered(800px);
padding: 0 $small-spacing;
&__filter {
@include desktop {
grid-template-columns: 300px auto;
}
grid-column-gap: $small-spacing;
padding: 0 $small-spacing;
box-sizing: border-box;
&__list {
padding: $large-spacing 0;