m/blog
1
0
Fork 0
mirror of https://github.com/kremalicious/blog.git synced 2024-11-22 18:00:06 +01:00
Code

input tweaks

Browse Source
This commit is contained in:
Matthias Kretschmann 2023-11-01 23:25:54 +00:00
parent 0b8c6ef9b1
commit 073ccaa2c0
Signed by: m
GPG Key ID: 606EEEF3C479A91F
4 changed files with 11 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/features/Web3/components/Form/index.module.css
View File

@ -5,6 +5,7 @@
width: 100%; width: 100%;
text-align: center; text-align: center;
min-height: 165px; min-height: 165px;
margin-top: calc(var(--spacer) / 4);
} }
.rainbowkit button > div { .rainbowkit button > div {
@ -36,6 +37,7 @@
/* connect button */ /* connect button */
.rainbowkit > div:first-child > button:only-child { .rainbowkit > div:first-child > button:only-child {
margin-right: auto; margin-right: auto;
margin-left: auto;
} }
.disclaimer { .disclaimer {

12
src/features/Web3/components/Input/InputGroup.module.css
View File

@ -22,8 +22,7 @@
.token { .token {
width: 80px; width: 80px;
height: 100%; height: 55px;
min-height: 54px;
background: var(--box-background-color); background: var(--box-background-color);
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);
@ -35,10 +34,11 @@
text-align: center; text-align: center;
border: 1px solid var(--border-color); border: 1px solid var(--border-color);
font-size: var(--font-size-large); font-size: var(--font-size-large);
padding: calc(var(--spacer) / 4); padding: 0 calc(var(--spacer) / 4);
border-bottom: 0; border-bottom: 0;
border-bottom-left-radius: 0; border-bottom-left-radius: 0;
border-bottom-right-radius: 0; border-bottom-right-radius: 0;
height: 55px;
} }
@media (min-width: 40rem) { @media (min-width: 40rem) {
@ -60,11 +60,11 @@
.submit { .submit {
width: calc(100% - calc(var(--spacer) / 2) - 2px); width: calc(100% - calc(var(--spacer) / 2) - 2px);
max-width: none; max-width: none;
height: 53px;
border-top-left-radius: 0; border-top-left-radius: 0;
border-top-right-radius: 0; border-top-right-radius: 0;
border-color: var(--link-color); border-color: var(--link-color-hover);
padding-left: calc(var(--spacer) / 4); padding: 0 calc(var(--spacer) / 4);
padding-right: calc(var(--spacer) / 4);
} }
@media (min-width: 40rem) { @media (min-width: 40rem) {

1
src/features/Web3/hooks/useFetchTokens/useFetchTokens.tsx
View File

@ -27,7 +27,6 @@ export function useFetchTokens() {
const url = `${apiUrl}/balance?address=${address}&chainId=${chain?.id}` const url = `${apiUrl}/balance?address=${address}&chainId=${chain?.id}`
setUrl(url) setUrl(url)
console.log('useFetchTokens', url)
}, [address, chain?.id]) }, [address, chain?.id])
// Sync with $tokens store // Sync with $tokens store

9
src/styles/_buttons.css
View File

@ -36,14 +36,11 @@ a.btn {
/* // Disabled State */ /* // Disabled State */
.btn.disabled, .btn.disabled,
.btn[disabled] { .btn[disabled] {
/* TODO: cursor & pointer values can't be used together */
cursor: not-allowed; cursor: not-allowed;
opacity: 0.6;
box-shadow: none;
}
.btn.disabled:active,
.btn[disabled]:active {
pointer-events: none; pointer-events: none;
opacity: 0.5;
box-shadow: none;
} }
.btn span { .btn span {