From a5d9bd9c7bf8c4cfb62a6198d4df012e887eb2a4 Mon Sep 17 00:00:00 2001
From: lizhiyong <1679963578@qq.com>
Date: Fri, 26 Jan 2024 14:40:37 +0800
Subject: [PATCH] fix ui

---
 app/blobtx/page.tsx      | 2 +-
 components/Banner.tsx    | 2 +-
 components/FullModal.tsx | 2 +-
 components/Header.tsx    | 8 ++++----
 4 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/app/blobtx/page.tsx b/app/blobtx/page.tsx
index 4c821d9..9f36900 100644
--- 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
index e4f6ff4..7d480f6 100644
--- 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
index 181d9e4..28e4048 100644
--- 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
index 6c7d0ef..df902fa 100644
--- 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>
           ) : (