Merge pull request #142 from ananyag309/master

fixed the overlapping to container and text at login interface
sakeel-103 · Oct 12, 2024 · c1393e0 · c1393e0
2 parents 0d9c4ff + f233e32
commit c1393e0
Showing 1 changed file with 19 additions and 2 deletions.
diff --git a/src/app/components/login-page/login-page.component.html b/src/app/components/login-page/login-page.component.html
@@ -9,6 +9,22 @@
   <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css" rel="stylesheet" />
   <link rel="stylesheet" href="login-page.component.css" />
   <style>
+    .welcome-heading {
+      text-align: center;
+      padding: 10px 0;
+      background-color: #f0f0f0;
+      margin-bottom: 20px;
+      position: fixed;
+      top: 0;
+      left: 0;
+      right: 0;
+      z-index: 1000;
+    }
+
+    body {
+      padding-top: 50px; /* Adjust this value based on the height of your welcome heading */
+    }
+
     .go-back-container {
       background-color: white;
       /* White background */
@@ -46,9 +62,10 @@
 </head>
 
 <body>
-  <div class="id">
+  <div class="welcome-heading">
     <h1>WELCOME TO THE GRAPH TRAVERSAL!</h1>
   </div>
+
   <div class="container">
     <div class="box">
       <div class="left">
@@ -93,4 +110,4 @@ <h1>WELCOME BACK!</h1>
   </div>
 </body>
 
-</html>
+</html>