Fixed mobile overflow of search wrapper

This commit is contained in:
Alexis
2023-12-11 20:52:56 +01:00
parent be48244221
commit 7b15175863

View File

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