fix template style

robatipoor · Mar 28, 2024 · 3045b0c · 3045b0c
1 parent dac9be6
commit 3045b0c
Showing 1 changed file with 15 additions and 1 deletion.
diff --git a/api/templates/index.html b/api/templates/index.html
@@ -98,6 +98,11 @@
             background-color: #161616;
             color: white;
         }
+
+        .topnav a:focus {
+            background-color: #161616;
+            color: white;
+        }
     </style>
 </head>
 
@@ -169,7 +174,7 @@ <h2>Paste File</h2>
         </div>
         <br>
         <div class="form-group mr-3">
-            <label for="downloadUrl">URL: </label>
+            <label for="downloadUrl">File URL: </label>
             <input type="text" name="downloadUrl" class="form-control" id="downloadUrl" placeholder="Enter url">
         </div>
         <br>
@@ -237,6 +242,9 @@ <h2>Paste File</h2>
             $("#copyFormDiv").show();
             $('#uploadFormDiv').hide();
             $('#downloadFormDiv').hide();
+            $('#copy').addClass('active');
+            $('#upload').removeClass('active');
+            $('#download').removeClass('active');
             $('.progress-bar').removeClass('is-active');
             $('.success').removeClass('is-active');
             $('.qr-code').removeClass('is-active');
@@ -247,6 +255,9 @@ <h2>Paste File</h2>
             $("#uploadFormDiv").show();
             $('#copyFormDiv').hide();
             $('#downloadFormDiv').hide();
+            $('#upload').addClass('active');
+            $('#copy').removeClass('active');
+            $('#download').removeClass('active');
             $('.progress-bar').removeClass('is-active');
             $('.success').removeClass('is-active');
             $('.qr-code').removeClass('is-active');
@@ -257,6 +268,9 @@ <h2>Paste File</h2>
             $("#downloadFormDiv").show();
             $('#copyFormDiv').hide();
             $('#uploadFormDiv').hide();
+            $('#download').addClass('active');
+            $('#copy').removeClass('active');
+            $('#upload').removeClass('active');
             $('.progress-bar').removeClass('is-active');
             $('.success').removeClass('is-active');
             $('.qr-code').removeClass('is-active');