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 {
margin-right: 0.3em;
}

View File

@ -197,19 +197,10 @@
font-size: 1rem;
padding: 0.5rem;
box-sizing: border-box;
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);
&:hover {
box-shadow: var(--buttonHoverShadow);
}
margin-left: 0.5em;
}
}

View File

@ -60,7 +60,8 @@
.SearchBar {
display: inline-flex;
align-items: center;
align-items: baseline;
vertical-align: baseline;
justify-content: flex-end;
&.-expanded {
@ -75,15 +76,6 @@
.search-bar-input {
flex: 1 0 auto;
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 {
@ -95,4 +87,5 @@
color: var(--btnTopBarText, $fallback--text);
}
}
</style>

View File

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