m/blog
1
0
Fork 0
mirror of https://github.com/kremalicious/blog.git synced 2025-01-03 18:35:07 +01:00
Code

input tweaks

Browse Source
This commit is contained in:
Matthias Kretschmann 2021-03-15 21:43:52 +01:00
parent 0899d00ed9
commit df5e17f116
Signed by: m
GPG Key ID: 606EEEF3C479A91F
1 changed files with 4 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/molecules/Web3Donation/InputGroup.module.css
View File

@ -1,5 +1,5 @@
.inputGroup {
max-width: 18rem;
max-width: 20rem;
margin: auto;
position: relative;
animation: fadeIn 0.8s ease-out backwards;
@ -21,7 +21,7 @@
@media (min-width: 40rem) {
.inputGroup button {
width: 50%;
width: 40%;
border-top-right-radius: var(--border-radius);
border-top-left-radius: 0;
border-bottom-left-radius: 0;
@ -39,7 +39,7 @@
@media (min-width: 40rem) {
.input {
width: 50%;
width: 60%;
}
}
@ -70,7 +70,6 @@
:global(.dark) .input input {
border-color: #000;
color: var(--text-color-dimmed);
}
.currency {
@ -80,8 +79,7 @@
left: 1px;
font-size: var(--font-size-small);
padding: calc(var(--spacer) / 3);
color: var(--brand-grey-light);
background: var(--brand-light);
background: var(--box-background-color);
border-right: 1px solid var(--text-color-light);
border-top-left-radius: var(--border-radius);
border-bottom-left-radius: var(--border-radius);