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

Fix Instruments filter bar responsive

This commit is contained in:
Lorenz Padberg 2023-09-05 11:54:59 +02:00
parent 0484eff404
commit 058bdaf3cc
1 changed files with 13 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
client/src/components/instruments/FilterBar.vue
View File

@ -42,14 +42,25 @@ onMounted(() => {
.filter-bar { .filter-bar {
display: flex; display: flex;
margin-bottom: $large-spacing; column-gap: $medium-spacing;
margin-bottom: $medium-spacing;
flex-direction: column;
@include desktop {
flex-direction: row;
}
&__input-wrapper { &__input-wrapper {
position: relative; position: relative;
margin-bottom: $medium-spacing;
} }
&__search-input { &__search-input {
width: $medium-input-width; width: 100%;
@include desktop {
width: $medium-input-width;
}
border: 1px solid $color-silver; border: 1px solid $color-silver;
outline: 0; outline: 0;
} }