Reset search button style

This commit is contained in:
itepechi 2023-08-28 06:32:36 +09:00
parent 3085c08b64
commit 78e9bf8cad
4 changed files with 4 additions and 27 deletions

View File

@ -38,12 +38,6 @@
} }
} }
.input-search {
display: flex;
justify-content: center;
align-items: center;
}
.search-icon { .search-icon {
margin-right: 0.3em; margin-right: 0.3em;
} }

View File

@ -197,19 +197,10 @@
font-size: 1rem; font-size: 1rem;
padding: 0.5rem; padding: 0.5rem;
box-sizing: border-box; box-sizing: border-box;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
} }
.search-button { .search-button {
aspect-ratio: 1/1; margin-left: 0.5em;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
box-shadow: var(--inputShadow);
&:hover {
box-shadow: var(--buttonHoverShadow);
}
} }
} }

View File

@ -60,7 +60,8 @@
.SearchBar { .SearchBar {
display: inline-flex; display: inline-flex;
align-items: center; align-items: baseline;
vertical-align: baseline;
justify-content: flex-end; justify-content: flex-end;
&.-expanded { &.-expanded {
@ -75,15 +76,6 @@
.search-bar-input { .search-bar-input {
flex: 1 0 auto; flex: 1 0 auto;
margin-left: 0.5em; margin-left: 0.5em;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.search-button {
aspect-ratio: 1/1;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
box-shadow: var(--inputShadow);
} }
.cancel-search { .cancel-search {
@ -95,4 +87,5 @@
color: var(--btnTopBarText, $fallback--text); color: var(--btnTopBarText, $fallback--text);
} }
} }
</style> </style>

View File

@ -142,7 +142,6 @@
.nowrap { .nowrap {
display: flex; display: flex;
align-items: end;
white-space: nowrap; white-space: nowrap;
} }
} }