fix ui

crustio · Jan 26, 2024 · a5d9bd9 · a5d9bd9
1 parent 2999ef0
commit a5d9bd9
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 7 deletions.
diff --git a/app/blobtx/page.tsx b/app/blobtx/page.tsx
@@ -687,7 +687,7 @@ const BlobTX = () => {
 
       {isModalOpen && (
         <AToastFull
-          contentClassName={'w-auto h-auto'}
+          contentClassName={'w-auto h-auto max-h-[80vh]'}
           chilren={
             <Fragment>
               <CrossCircledIcon

diff --git a/components/Banner.tsx b/components/Banner.tsx
@@ -4,7 +4,7 @@ import Link from 'next/link'
 export const Banner = () => {
   return (
     <div className={'h-[750px] bg-cover'} style={{ backgroundImage: 'url(/banner.png)' }}>
-      <Header wrapperClassName={'mt-[67px]'} btnClassName={'text-white'} />
+      <Header wrapperClassName={'mt-[67px]'} btnClassName={'text-white '} className={'py-[28px]'} />
       <div className={'h-[calc(100%-66px)] flex flex-col justify-center mo:justify-center mo:flex-row mo:mt-10'}>
         <div className='container mx-auto text-white font-bold flex justify-between mo:justify-center mo:text-center mo:flex mo:flex-wrap'>
           <div className='mo:text-center'>

diff --git a/components/FullModal.tsx b/components/FullModal.tsx
@@ -46,7 +46,7 @@ const FullModal: FC<FullModalProps> = ({ menus, keys = 'text', onChooseItem, cho
 
   return (
     <div
-      style={{ background: 'rgba(255, 255, 255, 0.90)', backdropFilter: 'blur(6px)' }}
+      style={{ background: 'rgba(255, 255, 255, 0.90)', backdropFilter: 'blur(15px)' }}
       className={classNames('fixed inset-0 mt-[81px] flex ', wrapperClassName)}
     >
       <div className='p-8 rounded-md mo:w-full'>

diff --git a/components/Header.tsx b/components/Header.tsx
@@ -89,11 +89,11 @@ export const Header: FC<HeaderType> = ({
     push(address)
   }
   return (
-    <header className={classNames('py-5 border-b border-b-[rgba(255,255,255,.2)]', className)}>
+    <header className={classNames(`py-5 border-b ${isShow && ' bg-white'}  border-b-[rgba(255,255,255,.2)]`, className)}>
       <div className=' mo:mx-[30px] '>
         <div className={classNames('flex justify-between items-center', containerClassName)}>
           <Link href={'/'}>
-            <Image src={logo} alt={'logo.svg'} width={110} height={22} />
+            <Image src={`${isShow ? 'b-EthDA.svg' : logo}`} alt={` ${isShow ? 'b-EthDA.svg' : 'logo.svg'}`} width={110} height={22} />
           </Link>
           {isMobile ? (
             <button
@@ -103,9 +103,9 @@ export const Header: FC<HeaderType> = ({
               }}
             >
               {isShow ? (
-                <HiOutlineX className={classNames('w-6 h-6', btnClassName)} />
+                <HiOutlineX className={classNames(`${isShow && '!text-black'} w-6 h-6 `, btnClassName)} />
               ) : (
-                <HiOutlineMenu className={classNames(btnClassName, 'w-6 h-6')} />
+                <HiOutlineMenu className={classNames(btnClassName, `w-6 h-6 `)} />
               )}
             </button>
           ) : (