1
0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-12-23 09:52:26 +01:00
metamask-extension/ui/components/app/custom-spending-cap/index.scss
Vladimir Saric dd728b07db Align custom spending cap Max button in approve screen for multiple languages (#16927)
* Align custom spending cap Max button in approve screen for multiple languages

* Modify some css styles and adding Box props

* Using ButtonLink component instead of <button/>

Co-authored-by: Brad Decker <bhdecker84@gmail.com>
2023-01-04 21:48:47 +00:00

26 lines
458 B
SCSS

.custom-spending-cap {
&__input-value-and-token-name {
display: contents;
}
&__max {
position: relative;
margin-top: -30px;
}
&__input {
width: 100%;
}
#custom-spending-cap-input-value {
color: var(--color-error-default);
padding-inline-end: 60px;
}
input[type='number']::-webkit-inner-spin-button,
input[type='number']:hover::-webkit-inner-spin-button {
-webkit-appearance: none;
display: none;
}
}