1
0
mirror of https://github.com/oceanprotocol/market.git synced 2024-12-02 05:57:29 +01:00

added clear to inputs

This commit is contained in:
EnzoVezzaro 2022-09-08 07:47:46 -04:00
parent e29b153589
commit c3c681c9ff
2 changed files with 27 additions and 0 deletions
src/components/@shared/FormInput

View File

@ -32,6 +32,32 @@
opacity: 0.7;
}
.input::-webkit-search-cancel-button {
-webkit-appearance: none;
display: inline-block;
width: 0.7rem;
height: 0.7rem;
margin-left: 10px;
background: linear-gradient(
45deg,
rgba(0, 0, 0, 0) 0%,
rgba(0, 0, 0, 0) 43%,
var(--color-primary) 45%,
var(--color-primary) 55%,
rgba(0, 0, 0, 0) 57%,
rgba(0, 0, 0, 0) 100%
),
linear-gradient(
135deg,
transparent 0%,
transparent 43%,
var(--color-primary) 45%,
var(--color-primary) 55%,
transparent 57%,
transparent 100%
);
}
.input[readonly],
.input[disabled] {
background-color: var(--background-highlight);

View File

@ -30,6 +30,7 @@ const DefaultInput = ({
className={cx({ input: true, [size]: size, [className]: className })}
id={props.name}
{...props}
type={props.type === 'text' || props.type === 'url' ? 'search' : props.type}
/>
)