fix: css noti topbar banner (#2222)

* fix topbar banner mobile if have multi line * support upload .PNG, .JEGP , ...
KyberNetwork · Sep 7, 2023 · 2c0ace7 · 2c0ace7
1 parent 6f69b88
commit 2c0ace7
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 1 deletion.
diff --git a/src/components/Announcement/Popups/TopBanner.tsx b/src/components/Announcement/Popups/TopBanner.tsx
@@ -86,6 +86,8 @@ const TextContent = styled.div<{ isOverflow: boolean; animationDuration: number
      };
     white-space: nowrap;
     position: absolute;
+    display: flex;
+    gap: 4px;
   `}
   > * {
     margin: 0;

diff --git a/src/hooks/social.ts b/src/hooks/social.ts
@@ -15,7 +15,7 @@ export const useUploadImageToCloud = () => {
       try {
         const file = fileObject as File
         const ext = file.name?.split('.')?.pop() ?? ''
-        if (ext && !IMAGE_ALLOW_EXTENSIONS.includes(ext)) throw new Error('File is not support')
+        if (ext && !IMAGE_ALLOW_EXTENSIONS.includes(ext.toLowerCase())) throw new Error('File is not support')
         const fileName = `${uuid() + Date.now()}.${ext || 'png'}`
         const res = await uploadImage({
           fileName,