2022-09-28 21:46:29 +02:00
|
|
|
.custom-spending-cap {
|
|
|
|
&__input-value-and-token-name {
|
|
|
|
display: contents;
|
|
|
|
}
|
|
|
|
|
|
|
|
&__max-button {
|
|
|
|
position: relative;
|
|
|
|
}
|
|
|
|
|
|
|
|
&__input {
|
|
|
|
width: 100%;
|
|
|
|
|
|
|
|
&--button {
|
|
|
|
background: none;
|
|
|
|
color: var(--color-primary-default);
|
|
|
|
}
|
|
|
|
|
|
|
|
&--max-button {
|
|
|
|
color: var(--color-text-alternative);
|
|
|
|
background: none;
|
|
|
|
position: absolute;
|
|
|
|
margin-top: 55px;
|
|
|
|
margin-inline-start: -75px;
|
2022-11-07 19:21:38 +01:00
|
|
|
z-index: 1;
|
2022-09-28 21:46:29 +02:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
#custom-spending-cap-input-value {
|
|
|
|
color: var(--color-error-default);
|
|
|
|
padding-inline-end: 60px;
|
|
|
|
}
|
2022-11-07 19:21:38 +01:00
|
|
|
|
|
|
|
input[type='number']::-webkit-inner-spin-button,
|
|
|
|
input[type='number']:hover::-webkit-inner-spin-button {
|
|
|
|
-webkit-appearance: none;
|
|
|
|
display: none;
|
|
|
|
}
|
2022-09-28 21:46:29 +02:00
|
|
|
}
|