aya/Chhoto-URL-Extension
1
0 Fork 0
mirror of https://github.com/SolninjaA/Chhoto-URL-Extension.git synced 2026-10-28 16:18:30 +10:00
Code Issues Actions Packages Projects Releases Wiki Activity

Revamp popup settings

Browse Source
This commit is contained in:
Solninja A committed 2025-01-27 17:26:25 +10:00
1 parent f38086593b
commit 981f6da829
6 files changed
+115 -28
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

popup/popup.html
+25 -23
View File
@@ -34,7 +34,7 @@
cursor: pointer;
}
#generate {
.generate-button {
border: black 1px solid;
border-radius: 7px;
background-color: white;
@@ -45,7 +45,7 @@
}
#close:hover,
#generate:hover {
.generate-button:hover {
background-color: #bbb;
}
@@ -61,7 +61,7 @@
}
input {
min-width: 150px;
min-width: 250px;
min-height: 17px;
padding: 5px;
border: 2px solid black;
@@ -96,26 +96,28 @@
<button id="close" type="button">&#10006; Close</button>
<div class="generate">
<label>
Short URL
<input required type="text" id="shorturl" placeholder="interesting-short-url">
<p id="message"></p>
</label>
</div>
<div class="generate">
<label>
Long URL
<input required type="text" id="longurl" placeholder="https://example.com">
<p id="message2">The provided URL is invalid.</p>
</label>
</div>
<div class="generate">
<label>
<input id="generate" type="button" value="Shorten!">
<p id="message3">Error: Required fields are missing.</p>
</label>
</div>
<form id="generate">
<div class="generate">
<label>
Short URL
<input autofocus required type="text" id="shorturl" placeholder="interesting-short-url">
<p id="message"></p>
</label>
</div>
<div class="generate">
<label>
Long URL
<input required type="text" id="longurl" placeholder="https://example.com">
<p id="message2">The provided URL is invalid.</p>
</label>
</div>
<div class="generate">
<label>
<input class="generate-button" type="submit" value="Shorten!">
<p id="message3">Error: Required fields are missing.</p>
</label>
</div>
</form>
<script type="application/javascript" src="/lib/browser-polyfill.min.js"></script>