j-harishankar
diff --git a/‎extension/popup.html
Lines changed: 62 additions & 14 deletions b/‎extension/popup.html
Lines changed: 62 additions & 14 deletions
diff --git a/‎extension/popup.js
Lines changed: 2 additions & 2 deletions b/‎extension/popup.js
Lines changed: 2 additions & 2 deletions
diff --git a/‎leetcode_backend/api/__pycache__/__init__.cpython-313.pyc
0 Bytes b/‎leetcode_backend/api/__pycache__/__init__.cpython-313.pyc
0 Bytes
diff --git a/‎leetcode_backend/api/__pycache__/admin.cpython-313.pyc
0 Bytes b/‎leetcode_backend/api/__pycache__/admin.cpython-313.pyc
0 Bytes
diff --git a/‎leetcode_backend/api/__pycache__/apps.cpython-313.pyc
0 Bytes b/‎leetcode_backend/api/__pycache__/apps.cpython-313.pyc
0 Bytes
diff --git a/‎leetcode_backend/api/__pycache__/models.cpython-313.pyc
0 Bytes b/‎leetcode_backend/api/__pycache__/models.cpython-313.pyc
0 Bytes
diff --git a/‎leetcode_backend/api/__pycache__/urls.cpython-313.pyc
0 Bytes b/‎leetcode_backend/api/__pycache__/urls.cpython-313.pyc
0 Bytes
diff --git a/‎leetcode_backend/api/__pycache__/views.cpython-313.pyc
0 Bytes b/‎leetcode_backend/api/__pycache__/views.cpython-313.pyc
0 Bytes
diff --git a/‎leetcode_backend/api/migrations/__pycache__/__init__.cpython-313.pyc
0 Bytes b/‎leetcode_backend/api/migrations/__pycache__/__init__.cpython-313.pyc
0 Bytes
diff --git a/‎leetcode_backend/backend/__pycache__/__init__.cpython-313.pyc
0 Bytes b/‎leetcode_backend/backend/__pycache__/__init__.cpython-313.pyc
0 Bytes
@@ -1,43 +1,91 @@
 <!DOCTYPE html>
 <html>
-<head>
+<head>  
   <title>LeetCode Helper</title>
   <style>
+    * {
+      box-sizing: border-box;
+    }
+
     body {
-      font-family: Arial, sans-serif;
-      padding: 10px;
-      width: 300px;
+      font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+      padding: 20px;
+      width: 320px;
+      height: auto;
+      margin: 0;
+      background: linear-gradient(135deg, #2c5364, #203a43, #0f2027);
+      color: #ffffff;
+      backdrop-filter: blur(10px);
+    }
+
+    .glass-card {
+      background: rgba(255, 255, 255, 0.1);
+      border-radius: 15px;
+      padding: 20px;
+      box-shadow: 0 8px 32px rgba(0, 0, 0, 0.25);
+      border: 1px solid rgba(255, 255, 255, 0.18);
     }
 
     h3 {
       margin-top: 0;
+      text-align: center;
+      font-weight: 600;
+      font-size: 20px;
+      color: #ffffff;
     }
 
     #getHelp {
-      padding: 10px;
-      background: #4CAF50;
+      padding: 12px;
+      background: rgba(72, 239, 145, 0.25);
+      border: 1px solid rgba(72, 239, 145, 0.5);
       color: white;
-      border: none;
+      font-weight: bold;
       width: 100%;
-      border-radius: 5px;
+      border-radius: 10px;
       cursor: pointer;
-      margin-bottom: 10px;
+      transition: all 0.3s ease;
+      margin-top: 15px;
+    }
+
+    #getHelp:hover {
+      background: rgba(72, 239, 145, 0.4);
+      transform: scale(1.03);
     }
 
     ul {
       padding-left: 20px;
+      margin-top: 15px;
+      max-height: 200px;
+      overflow-y: auto;
     }
 
     li {
-      margin-bottom: 5px;
+      background: rgba(255, 255, 255, 0.1);
+      padding: 8px 10px;
+      border-radius: 8px;
+      margin-bottom: 8px;
+      font-size: 14px;
+      line-height: 1.4;
     }
+
+    /* Custom Scrollbar for better UX */
+    ul::-webkit-scrollbar {
+      width: 6px;
+    }
+
+    ul::-webkit-scrollbar-thumb {
+      background: rgba(255, 255, 255, 0.2);
+      border-radius: 10px;
+    }
+
   </style>
 </head>
 <body>
-  <h3>Need Help with LeetCode?</h3>
-  <button id="getHelp">Get Step-by-Step Help</button>
-
-  <ul id="output"></ul> <!-- This is where the guided steps will appear -->
+  <div class="glass-card">
+    <h3>Need Help with LeetCode?</h3>
+    <button id="getHelp">Get Step-by-Step Help</button>
+    <ul id="output"></ul>
+  </div>
 
   <script src="popup.js"></script>
 </body>
 
@@ -9,7 +9,7 @@ document.getElementById("getHelp").addEventListener("click", async () => {
     console.log("LeetCode URL:", url);
     console.log("Problem Title:", title);
 
-    const response = await fetch("http://127.0.0.1:8000/api/solve/", {
+    const response = await fetch("https://leetcode-helper-wn4c.onrender.com/api/solve/", {
       method: "POST",
       headers: {
         "Content-Type": "application/json"
@@ -33,4 +33,4 @@ document.getElementById("getHelp").addEventListener("click", async () => {
       output.innerHTML = "<p>No steps found.</p>";
     }
   });
-});
+});