readonly/mirror-chhoto-url
1
0
Fork 0
mirror of https://github.com/minoplhy/chhoto-url.git synced 2024-11-22 01:06:46 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Some minor cosmetic changes

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
actix/resources/index.html
View File

@ -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">&times;</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>

16
actix/resources/static/styles.css
View File

@ -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;
}