Some minor cosmetic changes

This commit is contained in:
SinTan1729 2023-04-10 15:20:20 -05:00
parent cdfcb901fa
commit 43dab10d22
2 changed files with 21 additions and 8 deletions

View File

@ -26,8 +26,7 @@
<div class="container"> <div class="container">
<form class="pure-form pure-form-aligned" name="new-url-form"> <form class="pure-form pure-form-aligned" name="new-url-form">
<fieldset> <fieldset>
<legend style="font-size: 32px;"><img src="assets/favicon-32.png" width="26px" alt="logo"> Simply <legend id="logo"><img src="assets/favicon-32.png" width="26px" alt="logo"> Simply Shorten</legend>
Shorten</legend>
<div class="pure-control-group"> <div class="pure-control-group">
<label for="longUrl">Long URL</label> <label for="longUrl">Long URL</label>
<input type="url" name="longUrl" id="longUrl" placeholder="Please enter a valid URL" <input type="url" name="longUrl" id="longUrl" placeholder="Please enter a valid URL"
@ -45,24 +44,24 @@
</fieldset> </fieldset>
</form> </form>
<table class="pure-table" style="visibility: hidden;"> <table class="pure-table">
<caption style="font-size: 22px; text-align: left; font-style: normal;">Active links</caption> <caption>Active links</caption>
<br> <br>
<thead> <thead>
<tr> <tr>
<td id="short-url-header">Short URL<br>(click to copy)</td> <td id=" short-url-header">Short URL<br>(click to copy)</td>
<td>Long URL</td> <td>Long URL</td>
<td>Hits</td> <td>Hits</td>
<td name="deleteBtn">&times;</td> <td name="deleteBtn">&times;</td>
</tr> </tr>
</thead> </thead>
<tbody id="url-table"> <tbody id="url-table">
<!-- The links would be inserted here -->
</tbody> </tbody>
</table> </table>
</div> </div>
<div name="gitlab"> <div name="github-link">
<a href="https://github.com/SinTan1729/simply-shorten" target="_blank" rel="noopener noreferrer">Source Code</a> <a href="https://github.com/SinTan1729/simply-shorten" target="_blank" rel="noopener noreferrer">Source Code</a>
</div> </div>

View File

@ -38,8 +38,22 @@ form input[name="shortUrl"]::placeholder {
text-transform: none; text-transform: none;
} }
div[name="gitlab"] { div[name="github-link"] {
position: absolute; position: absolute;
right: 0.5%; right: 0.5%;
bottom: 0.5%; bottom: 0.5%;
}
.pure-table {
visibility: hidden;
}
.pure-table caption {
font-size: 22px;
text-align: left;
font-style: normal;
}
#logo {
font-size: 32px;
} }