Fix token logo form (#372)

* Remove error on empty url * Add defensive css for token logos * Add fix for pngs
confio · Feb 21, 2022 · 04f0e9d · 04f0e9d
1 parent c8062b6
commit 04f0e9d
Show file tree

Hide file tree

Showing 4 changed files with 11 additions and 2 deletions.
diff --git a/...pp/components/ConnectWalletModal/components/ChooseWallet/components/BalancesList/style.ts b/...pp/components/ConnectWalletModal/components/ChooseWallet/components/BalancesList/style.ts
@@ -54,6 +54,8 @@ export const TokenLogoName = styled.div`
   flex-grow: 1;
 
   & img {
+    width: 100%;
+    height: 100%;
     max-width: 30px;
     max-height: 30px;
   }

diff --git a/src/App/components/FieldsTokenLogo/index.tsx b/src/App/components/FieldsTokenLogo/index.tsx
@@ -34,6 +34,7 @@ export default function FieldsTokenLogo({
         optional
         value={previewLogoUrl}
         onInputChange={({ target }) => {
+          if (target.value === "") setLogoError(undefined);
           setPreviewLogoUrl(target.value);
           setLogoUrl(target.value);
         }}

diff --git a/src/App/components/FieldsTokenLogo/style.ts b/src/App/components/FieldsTokenLogo/style.ts
@@ -8,7 +8,10 @@ export const StyledFieldsTokenLogo = styled.div`
 
   img[alt="Token logo"] {
     margin-top: var(--s2);
-    height: 52px;
+    width: 100%;
+    height: 100%;
+    max-width: 52px;
+    max-height: 52px;
   }
 
   img[alt="Remove logo"] {

diff --git a/src/App/pages/TMarket/components/SelecTokenModal/components/ListTokens/style.ts b/src/App/pages/TMarket/components/SelecTokenModal/components/ListTokens/style.ts
@@ -25,7 +25,10 @@ export const ContainerLogoNames = styled.div`
   flex-shrink: 0;
 
   & img {
-    height: 32px;
+    width: 100%;
+    height: 100%;
+    max-width: 32px;
+    max-height: 32px;
   }
 `;