Fixed a styling a bit

rohit20v · Jan 6, 2025 · 2344f5d · 2344f5d
1 parent 82a6ed2
commit 2344f5d
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/src/App.tsx b/src/App.tsx
@@ -231,7 +231,9 @@ function App() {
         <div className="canvas-container">
             <div className="toolbar-wrapper">
                 {showIntroText &&
-                    <h1 className="intro-text" onMouseEnter={handleHover}>Hover me</h1>
+                    <div className="intro-text">
+                        <h1 onMouseEnter={handleHover}>Hover me</h1>
+                    </div>
                 }
 
                 <ToolPickerContainer tool={tool} setTool={setTool} stageRef={stageRef}

diff --git a/src/index.css b/src/index.css
@@ -78,12 +78,10 @@ body {
 .intro-text {
     position: absolute;
     z-index: -10;
-    top: 50%;
-    font-size: 4vh;
-    left: 50%;
-    transform: translate(-50%, -50%);
     text-align: center;
+    width: 100%;
     color: white;
+    top: 4%;
     cursor: pointer;
     letter-spacing: 6px;
     font-family: sansilk, cursive;