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:
parent
e29b153589
commit
c3c681c9ff
src/components/@shared/FormInput
@ -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);
|
||||
|
@ -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}
|
||||
/>
|
||||
)
|
||||
|
||||
|
Loading…
Reference in New Issue
Block a user