Changeset 79a0317 for imaps-frontend/src/components/DrawGuide

Timestamp:

01/21/25 03:08:24 (7 weeks ago)

Author:

stefan toskovski <stefantoska84@…>

Branches:

main

Parents:

0c6b92a

Message:

F4 Finalna Verzija

Location:

imaps-frontend/src/components/DrawGuide

Files:

• DrawGuide.jsx (modified) (2 diffs)
• DrawGuide.module.css (modified) (3 diffs)

imaps-frontend/src/components/DrawGuide/DrawGuide.jsx

@@ -18 +18 @@
           <div onClick={toggleModal} className={styles.overlay}></div>
           <div className={styles.modalContent}>
-            <h2>How to Use the Map Builder</h2>
-            <p>Welcome to the Map Builder! Here you can create an indoor map, render it and enjoy!:</p>
+            <h2 className={styles.title}>How to Use the Map Builder</h2>
+            <p className={styles.paragraph}>Welcome to the Map Builder! Here you can create an indoor map, render it and enjoy!:</p>
             <br></br>
             <ul>
@@ -35 +35 @@
             </ul>
             <br></br>
-            <p>After completing your map, click the render button and go to the View page to see your full featured map!</p>
+            <p className={styles.paragraph}>After completing your map, click the render button and go to the View page to see your full featured map!</p>
 
             <button className={styles.closeModal} onClick={toggleModal}>

imaps-frontend/src/components/DrawGuide/DrawGuide.module.css

@@ -18 +18 @@
   backdrop-filter: blur(5px); /* Optional blur effect */
   z-index: 999;
+
+}
+
+.title{
+  color: white;
+}
+
+.paragraph{
+  color: #ababab;
 }
 
@@ -25 +34 @@
   left: 50%;
   transform: translate(-50%, -50%);
-  background-color: #2c2f33; /* Darker background for modal content */
+  background-color: #2c2f33;
   color: #ffffff; /* White text for contrast */
   padding: 20px;
@@ -35 +44 @@
 }
 
-h2 {
-  margin-bottom: 15px;
-  color: #ffffff; /* White text for the heading */
-}
+/*h2 {*/
+/*  margin-bottom: 15px;*/
+/*  color: #ffffff; !* White text for the heading *!*/
+/*}*/
 
 .btnModal {