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