v1.3-beta: meta info

components/Preview.tsx

@@ -2788,7 +2788,7 @@ const Preview: React.FC<ModalProps> = ({ show, onClose, _ENS_, chain, handlePare
                   <span
                     className='mono'
                     id="metaOwner"
-                    onClick={() => constants.copyToClipboard(String(_OwnerLegacy_) || constants.zeroAddress)}
+                    onClick={() => { }}
                     color=''
                   >
                     {isMobile ? constants.truncateHexString(String(_OwnerLegacy_) || constants.zeroAddress) : String(_OwnerLegacy_) || constants.zeroAddress}
@@ -2798,14 +2798,14 @@ const Preview: React.FC<ModalProps> = ({ show, onClose, _ENS_, chain, handlePare
                   <span
                     className='mono'
                     id="metaManager"
-                    onClick={() => constants.copyToClipboard(getManager())}
+                    onClick={() => { }}
                   >
                     {isMobile ? constants.truncateHexString(getManager()) : getManager()}
                   </span>
                 </div>
                 <div style={{ margin: '0px 0 2px 0' }}>
                   <span
-                    className='material-icons'
+                    className='material-icons-round smoller'
                     style={{
                       color: 'white',
                       fontSize: '21px'
@@ -2882,7 +2882,7 @@ const Preview: React.FC<ModalProps> = ({ show, onClose, _ENS_, chain, handlePare
                 >
                   <span
                     style={{
-                      color: 'grey',
+                      color: 'white',
                       fontSize: isMobile ? '12px' : '15px',
                       fontWeight: '700'
                     }}
@@ -2900,7 +2900,7 @@ const Preview: React.FC<ModalProps> = ({ show, onClose, _ENS_, chain, handlePare
               >
                 <span
                   style={{
-                    color: 'white',
+                    color: 'grey',
                     fontSize: '14px',
                     fontWeight: '700'
                   }}

pages/global.css

@@ -145,6 +145,14 @@ body {
   padding-right: 50px;
 }
 
+.mono {
+  font-size: 14px;
+  font-weight: 600;
+  font-family: 'SF Mono';
+  color: lightgreen;
+  cursor: copy;
+}
+
 @media screen and (max-width: 800px) {
   .container {
     padding: 0 0 0 0;

pages/index.tsx

@@ -561,15 +561,15 @@ const Home: NextPage = () => {
       <div id="overlay" className="overlay">
         <div className="overlay-content">
           <Loading
-            height={75}
-            width={75}
+            height={isMobile ? 50 : 75}
+            width={isMobile ? 50 : 75}
           />
           <div
             style={{
               marginTop: '20px'
             }}
           >
-            <span>
+            <span style={{ fontSize: isMobile ? '15px' : '20px' }}>
               PLEASE WAIT
             </span>
           </div>
@@ -913,7 +913,7 @@ const Home: NextPage = () => {
                   justifyContent: 'center',
                   display: 'flex',
                   fontSize: '18px',
-                  color: 'white',
+                  color: 'lightblue',
                   marginBottom: '25px',
                   fontWeight: '700'
                 }}
@@ -930,15 +930,15 @@ const Home: NextPage = () => {
                   onClick={() => {
                     setHelpModal(true)
                     setIcon('info')
-                    setColor('white')
+                    setColor('lightblue')
                     setTop('')
                     setHelp('Search results for your query')
                   }}
                 >
                   <div
                     className="material-icons smol"
                     style={{
-                      color: 'white'
+                      color: 'lightblue'
                     }}
                   >
                     info_outline