oceanprotocol/market
1
0
Fork 0
mirror of https://github.com/oceanprotocol/market.git synced 2024-12-02 05:57:29 +01:00
Code Releases Activity

nicer auto-layout for prefix/postfix input groups

Browse Source
This commit is contained in:
Matthias Kretschmann 2020-07-30 12:53:42 +02:00
parent a223ed603c
commit 011a87e6b8
Signed by: m
GPG Key ID: 606EEEF3C479A91F
2 changed files with 5 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
src/components/atoms/Input/InputElement.module.css
View File

@ -12,6 +12,7 @@
border-radius: var(--border-radius); border-radius: var(--border-radius);
transition: 0.2s ease-out; transition: 0.2s ease-out;
min-height: 43px; min-height: 43px;
min-width: 0;
appearance: none; appearance: none;
display: block; display: block;
} }
@ -87,15 +88,10 @@
.prefixGroup, .prefixGroup,
.postfixGroup { .postfixGroup {
display: flex; display: inline-flex;
align-items: center; align-items: center;
} }
.prefixGroup input,
.postfixGroup input {
width: auto;
}
.prefixGroup input { .prefixGroup input {
border-left: 0; border-left: 0;
border-top-left-radius: 0; border-top-left-radius: 0;
@ -114,11 +110,12 @@
min-height: 43px; min-height: 43px;
display: flex; display: flex;
align-items: center; align-items: center;
padding-left: calc(var(--spacer) / 2); padding-left: calc(var(--spacer) / 4);
padding-right: calc(var(--spacer) / 2); padding-right: calc(var(--spacer) / 4);
color: var(--color-secondary); color: var(--color-secondary);
font-size: var(--font-size-small); font-size: var(--font-size-small);
transition: border 0.2s ease-out; transition: border 0.2s ease-out;
white-space: nowrap;
} }
.prefix { .prefix {

1
src/components/molecules/FormFields/Price/index.module.css
View File

@ -13,7 +13,6 @@
} }
.content input { .content input {
max-width: 6rem;
text-align: center; text-align: center;
} }