mirror of
https://github.com/SinTan1729/chhoto-url
synced 2024-12-25 07:18:35 -06:00
Some minor cosmetic changes
This commit is contained in:
parent
cdfcb901fa
commit
43dab10d22
2 changed files with 21 additions and 8 deletions
|
@ -26,8 +26,7 @@
|
|||
<div class="container">
|
||||
<form class="pure-form pure-form-aligned" name="new-url-form">
|
||||
<fieldset>
|
||||
<legend style="font-size: 32px;"><img src="assets/favicon-32.png" width="26px" alt="logo"> Simply
|
||||
Shorten</legend>
|
||||
<legend id="logo"><img src="assets/favicon-32.png" width="26px" alt="logo"> Simply Shorten</legend>
|
||||
<div class="pure-control-group">
|
||||
<label for="longUrl">Long URL</label>
|
||||
<input type="url" name="longUrl" id="longUrl" placeholder="Please enter a valid URL"
|
||||
|
@ -45,24 +44,24 @@
|
|||
</fieldset>
|
||||
</form>
|
||||
|
||||
<table class="pure-table" style="visibility: hidden;">
|
||||
<caption style="font-size: 22px; text-align: left; font-style: normal;">Active links</caption>
|
||||
<table class="pure-table">
|
||||
<caption>Active links</caption>
|
||||
<br>
|
||||
<thead>
|
||||
<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>Hits</td>
|
||||
<td name="deleteBtn">×</td>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody id="url-table">
|
||||
|
||||
<!-- The links would be inserted here -->
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<div name="gitlab">
|
||||
<div name="github-link">
|
||||
<a href="https://github.com/SinTan1729/simply-shorten" target="_blank" rel="noopener noreferrer">Source Code</a>
|
||||
</div>
|
||||
|
||||
|
|
|
@ -38,8 +38,22 @@ form input[name="shortUrl"]::placeholder {
|
|||
text-transform: none;
|
||||
}
|
||||
|
||||
div[name="gitlab"] {
|
||||
div[name="github-link"] {
|
||||
position: absolute;
|
||||
right: 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;
|
||||
}
|
Loading…
Reference in a new issue