background adjustment

dm3-org · Nov 24, 2023 · 65ef3ca · 65ef3ca
1 parent 4ad122b
commit 65ef3ca
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 8 deletions.
diff --git a/packages/messenger-web/src/App.css b/packages/messenger-web/src/App.css
@@ -1,3 +1,4 @@
 body {
     background-color: #000000; /* Ersetzen Sie #yourColor durch die gewünschte Farbe */
+    overflow: hidden;
 }
diff --git a/packages/messenger-web/src/Background.css b/packages/messenger-web/src/Background.css
@@ -3,7 +3,7 @@
     height: 100%;
 
     background: #000;
-    overflow:auto;
+    overflow:hidden;
     position: absolute;
 }
 

diff --git a/packages/messenger-web/src/Dm3Widget.css b/packages/messenger-web/src/Dm3Widget.css
@@ -1,17 +1,17 @@
 .dm3widget {
     width: calc(100% - 40px );
-    height: calc(100% - 70px - 50px)  ;
+    height: calc(100% - 70px - 40px)  ;
     background-color: #000000;
     border: 1px solid #ff0000;
     /* Weiße Umrandung hinzugefügt */
     border-radius: 15px;
     position: absolute;
-    top: 90px;
+    top: 75px;
     left: 20px;
     transform: translate(0, 0);
     z-index: 10;
     box-shadow: 6px 6px 20px 0 rgba(05, 010, 020, 1);
-    /* Stellen Sie sicher, dass z-index höher ist als der des Backgrounds */
-/*    margin-top: 30px; /* Adjust this value as needed */
+    /*    margin-top: 30px; /* Adjust this value as needed */
+    overflow: hidden;
 }
 
diff --git a/packages/messenger-web/src/Header.tsx b/packages/messenger-web/src/Header.tsx
@@ -3,12 +3,12 @@ import React from 'react';
 const Header: React.FC = () => {
     return (
         <nav className="navbar fixed-top navbar-light" >
-            <a href="https://dm3.network" target="_blank" style={{ position: 'absolute', top: '20px', left: '25px' }}>
+            <a href="https://dm3.network" target="_blank" style={{ position: 'absolute', top: '26px', left: '21px' }}>
                 <img
                     src="/dm3-logo.png"
                     alt="dm3 Network Logo"
-                    style={{ height: '50px', transition: 'transform 0.5s ease' }} // Stelle die Größe nach Bedarf ein
-                    onMouseOver={(e) => e.currentTarget.style.transform = 'scale(1.1)'}
+                    style={{ height: '29px', transition: 'transform 0.5s ease' }} // Stelle die Größe nach Bedarf ein
+                    onMouseOver={(e) => e.currentTarget.style.transform = 'scale(1.2)'}
                     onMouseOut={(e) => e.currentTarget.style.transform = 'scale(1)'}
                 />
             </a>