Final push

KORLA2 · Aug 18, 2022 · 99d8f53 · 99d8f53
1 parent 83ef6e3
commit 99d8f53
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 2 deletions.
diff --git a/src/plays/code-editor/CodeEditor.js b/src/plays/code-editor/CodeEditor.js
@@ -49,7 +49,7 @@ function CodeEditor(props) {
  <div className="play-details-body ">
  {/* Your Code Starts Here */}
  <div className="code-editor-modal-toogle">
- <button onClick={toggle}>How to play ?</button>
+ <button onClick={toggle}>How to Use ?</button>
  </div>
  <div className="code-editor-tab-button-container">
  <Button

diff --git a/src/plays/code-editor/Modal.jsx b/src/plays/code-editor/Modal.jsx
@@ -40,7 +40,7 @@ const Modal = ({ showModal, toggle }) => {
  <div className='code-editor-modal'>
  <img src={close} alt="clonse" onClick={toggle} className="close-icon" />
  <div className='content'>
- <h1 className='text'>How to Play!</h1>
+ <h1 className='text'>How to Use!</h1>
  <p>{structuringData[currState].info}</p>
  <div className='button-section'>
  {currState > 0 ? <button onClick={buttonHandler(-1)}>Prev</button> : <p></p>}

diff --git a/src/plays/code-editor/styles.css b/src/plays/code-editor/styles.css
@@ -72,6 +72,9 @@
  align-items: center;
  font-size: xx-large;
 }
+.code-editor-modal-toogle button{
+ color: #1f6ed4;
+}
 @media (max-width: 764px){
  .code-editor-tab-button-container{
  flex-direction: column;