temanisparsh
diff --git a/‎public/index.html
Lines changed: 1 addition & 1 deletion b/‎public/index.html
Lines changed: 1 addition & 1 deletion
diff --git a/‎public/logo.png
10.3 KB b/‎public/logo.png
10.3 KB
diff --git a/‎public/logo192.png
5.1 KB b/‎public/logo192.png
5.1 KB
diff --git a/‎public/logo512.png
907 Bytes b/‎public/logo512.png
907 Bytes
diff --git a/‎src/App.css
Lines changed: 38 additions & 10 deletions b/‎src/App.css
Lines changed: 38 additions & 10 deletions
diff --git a/‎src/App.js
Lines changed: 15 additions & 10 deletions b/‎src/App.js
Lines changed: 15 additions & 10 deletions
diff --git a/‎src/logo.png
10.3 KB b/‎src/logo.png
10.3 KB
@@ -3,7 +3,7 @@
     <head>
         <meta charset="utf-8" />
 
-        <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
+        <link rel="icon" href="%PUBLIC_URL%/logo.png" />
 
         <meta name="viewport" content="width=device-width, initial-scale=1" />
         <meta name="theme-color" content="#000000" />
 
@@ -3,7 +3,7 @@
     min-width: 100%;
 }
 
-.navbar a{
+.navbar a {
     color: white;
 }
 .navbar a:hover {
@@ -41,19 +41,21 @@
 }
 
 .problem-card {
-
     background-color: #282a36;
     border-radius: 5px;
     padding: 20px 20px;
     color: white;
     margin: 10px;
     cursor: pointer;
     width: 100%;
+    transition: all 0.2s ease;
+}
 
+.problem-card:hover {
+    background-color: #1a1c27;
 }
 
 .problem {
-
     color: white;
     position: fixed;
     width: 50%;
@@ -63,13 +65,20 @@
     background-color: #1a1c27;
     padding: 40px 20px;
     font-size: 14px;
-
 }
 
 .problem-statement {
     padding: 20px;
     background-color: #1a1c27;
 }
+.problem-statement h4 a {
+    text-decoration: none;
+    color: #b3b3b3;
+}
+
+.problem-statement h4 a:hover {
+    color: #646464;
+}
 
 .problem pre {
     color: white;
@@ -99,11 +108,11 @@
 
 .problem-statement pre {
     color: white;
-    white-space: pre-wrap;       /* Since CSS 2.1 */
-    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
-    white-space: -pre-wrap;      /* Opera 4-6 */
-    white-space: -o-pre-wrap;    /* Opera 7 */
-    word-wrap: break-word;       /* Internet Explorer 5.5+ */
+    white-space: pre-wrap; /* Since CSS 2.1 */
+    white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
+    white-space: -pre-wrap; /* Opera 4-6 */
+    white-space: -o-pre-wrap; /* Opera 7 */
+    word-wrap: break-word; /* Internet Explorer 5.5+ */
 }
 
 .problem-statement img {
@@ -121,12 +130,28 @@
     font-size: 14px;
 }
 
+.modal-content {
+    background-color:#1a1c27 !important;
+    border: none;
+}
+
 .close span {
     color: white;
 }
 
-@media (max-width: 760px) {
+.btn-dark {
+    background-color: #282a36 !important;
+}
+
+.btn-dark:hover {
+    background-color: #1a1c27 !important;
+}
+
+.btn-dark:active {
+    background-color: #1a1c27 !important;
+}
 
+@media (max-width: 760px) {
     .main {
         width: 100%;
     }
@@ -155,4 +180,7 @@
         display: block;
     }
 
+    img {
+        height: 0px !important;
+    }
 }
@@ -41,7 +41,10 @@ const Main = ({ updateProblem }) => {
             <Navbar>
                 <NavbarBrand href="/">Leetcode Solutions</NavbarBrand>
                 <NavbarText>
-                    <a href="https://www.github.com/temanisparsh/leetcode" target="_blank" >
+                    <a
+                        href="https://www.github.com/temanisparsh/leetcode"
+                        target="_blank"
+                    >
                         Source Code
                     </a>
                 </NavbarText>
@@ -89,13 +92,11 @@ const Main = ({ updateProblem }) => {
                     </div>
                 ))}
             </div>
-            {
-                (!problems.length && difficulty !== 'All') && (
-                    <div className="main-error">
-                        No Problems found in this section
-                    </div>
-                )
-            }
+            {!problems.length && difficulty !== "All" && (
+                <div className="main-error">
+                    No Problems found in this section
+                </div>
+            )}
         </div>
     );
 };
@@ -118,7 +119,11 @@ const Problem = ({ problem, updateProblem }) => {
                 <div className="problem-desktop">
                     <div className="problem-statement">
                         <h4>
-                            {data[problem].number + ".   " + data[problem].name}
+                            <a href={data[problem].link} target="_blank">
+                                {data[problem].number +
+                                    ".   " +
+                                    data[problem].name}
+                            </a>
                         </h4>
                         {parse(data[problem].statement)}
                     </div>
@@ -140,7 +145,7 @@ const Problem = ({ problem, updateProblem }) => {
 
             {!isOpen && !problem && (
                 <div className="problem-error">
-                    Select a problem to view the solution.
+                    <div>Select a problem to view the solution.</div>
                 </div>
             )}