diff --git a/packages/ui/css/web3auth.css b/packages/ui/css/web3auth.css index 0849e301b..196045c68 100644 --- a/packages/ui/css/web3auth.css +++ b/packages/ui/css/web3auth.css @@ -445,18 +445,10 @@ @apply flex p-2; } -#w3a-modal .w3a-modal__loader-app-logo--default { - @apply bg-app-primary-600 dark:bg-app-gray-50 w-[72px] h-[72px] rounded-full items-center justify-center; -} - #w3a-modal .w3a-modal__loader-app-logo img { @apply max-h-[72px] max-w-[72px] w-[72px] h-auto; } -#w3a-modal .w3a-modal__loader-app-logo--default img { - @apply max-h-[45px] max-w-[45px] w-[45px]; -} - #w3a-modal .w3a-modal__loader-social-logo { @apply bg-app-gray-100 dark:bg-app-gray-50 w-[72px] h-[72px] flex rounded-full items-center justify-center; } diff --git a/packages/ui/src/components/AdapterLoader.tsx b/packages/ui/src/components/AdapterLoader.tsx index 37fe428ec..0b406e883 100644 --- a/packages/ui/src/components/AdapterLoader.tsx +++ b/packages/ui/src/components/AdapterLoader.tsx @@ -2,7 +2,7 @@ import { ADAPTER_STATUS, log } from "@web3auth/base"; import { useEffect } from "react"; import { useTranslation } from "react-i18next"; -import { DEFAULT_LOGO_DARK, DEFAULT_LOGO_LIGHT, MODAL_STATUS, ModalStatusType } from "../interfaces"; +import { MODAL_STATUS, ModalStatusType } from "../interfaces"; import i18n from "../localeImport"; import Footer from "./Footer"; import Icon from "./Icon"; @@ -23,7 +23,6 @@ export default function DetailedLoader(props: DetailedLoaderProps) { const { adapter, appLogo, message, modalStatus, adapterName, onClose } = props; const providerIcon = adapter === "twitter" ? : ; const [t] = useTranslation(undefined, { i18n }); - const isDefaultLogo = [DEFAULT_LOGO_DARK, DEFAULT_LOGO_LIGHT].includes(appLogo); useEffect(() => { log.debug("adapter loader re-rendering"); @@ -41,9 +40,9 @@ export default function DetailedLoader(props: DetailedLoaderProps) { {modalStatus === MODAL_STATUS.CONNECTING && ( <>
-
- - +
+ +