Joururi/leim-maps
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fixed mobile overflow of search wrapper

Browse Source
This commit is contained in:
Alexis
2023-12-11 20:52:56 +01:00
parent be48244221
commit 7b15175863
1 changed files with 9 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
src/components/maps/overlay/SearchMarkers.vue
View File

@@ -269,9 +269,11 @@ function resetAllFields(actionAfter?: "focusAfter") {
<style lang="scss" scoped> <style lang="scss" scoped>
.toolbar { .toolbar {
display: flex; @media screen and (width >= 900px) {
gap: 1.5rem; display: flex;
align-items: start; gap: 1.5rem;
align-items: start;
}
.search-w { .search-w {
padding: .5rem 1.2rem; padding: .5rem 1.2rem;
@@ -282,6 +284,10 @@ function resetAllFields(actionAfter?: "focusAfter") {
box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
pointer-events: all; pointer-events: all;
@media screen and (width >= 900px) {
width: 25%;
}
.input-w { .input-w {
$search-items-gap: .5rem; $search-items-gap: .5rem;
$search-icon-size: 1.2em; $search-icon-size: 1.2em;
@@ -486,12 +492,6 @@ function resetAllFields(actionAfter?: "focusAfter") {
} }
} }
@media screen and (width >= 900px) {
.search-w {
width: 29%;
}
}
/** /**
* TAG LIST * TAG LIST
*/ */