Fixed mobile overflow of search wrapper
This commit is contained in:
@@ -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
|
||||
*/
|
||||
|
||||
Reference in New Issue
Block a user