RanchiMall/flotorrent
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

UI update

Browse Source
This commit is contained in:
sairaj mote 2021-07-07 00:05:06 +05:30
parent d6a7970a51
commit e236e5f77f
4 changed files with 30 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
css/uploader-style.css
View File

@ -515,6 +515,13 @@ file-input .icon {
fill: var(--background-color);
}
summary {
user-select: none;
cursor: pointer;
justify-self: center;
margin-bottom: 1.5rem;
}
.page-footer {
display: grid;
gap: 1.5rem;

2
css/uploader-style.min.css vendored
View File

File diff suppressed because one or more lines are too long

6
css/uploader-style.scss
View File

@ -445,6 +445,12 @@ file-input{
fill: var(--background-color);
}
}
summary{
user-select: none;
cursor: pointer;
justify-self: center;
margin-bottom: 1.5rem;
}
.page-footer{
display: grid;
gap: 1.5rem;

29
uploader.html
View File

@ -40,10 +40,10 @@
<div id="overlay_content"></div>
</sm-popup>
<header id="main_header">
<div class="flex align-center">
<a href="./index.html" class="flex align-center">
<svg id="main_header__logo" class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><path d="M54.69,14.28l8.83-8.83a1.62,1.62,0,0,0-1.14-2.77H21.15A1.63,1.63,0,0,0,19.53,4.3V59.7a1.62,1.62,0,0,0,2.78,1.13l8.83-9a1.62,1.62,0,0,0,.46-1.14V38.06a1.58,1.58,0,0,1,.48-1.14l8.81-8.83a1.62,1.62,0,0,0-1.15-2.77H33.22A1.62,1.62,0,0,1,31.6,23.7V16.37a1.63,1.63,0,0,1,1.62-1.62H53.55A1.63,1.63,0,0,0,54.69,14.28Z"/><path d="M1.62,14.75H12.36A1.62,1.62,0,0,0,14,13.13V4.3a1.63,1.63,0,0,0-1.62-1.62H7.47a1.6,1.6,0,0,0-1.35.73L.27,12.24A1.62,1.62,0,0,0,1.62,14.75Z"/></svg>
<a href="./index.html" class="header__company-name">FLO torrent uploader</a>
</div>
<!-- <a href="./index.html" class="header__company-name">FLO torrent uploader</a> -->
</a>
<label class="theme-switcher" title="Change theme">
<input id="theme_switcher" class="theme-switcher__checkbox" type="checkbox">
<svg class="icon moon-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24">
@ -94,16 +94,19 @@
</sm-button>
</sm-form>
<section class="grid gap-1">
<sm-button onclick="refreshUTXOs()">Refresh UTXOs</sm-button>
<div class="flex align-center">
<button onclick="decRefreshFee()" id="-">
<svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path d="M5 11h14v2H5z"/></svg>
</button>
<span id="refreshFee"></span>
<button onclick="incRefreshFee()" id="+">
<svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path d="M11 11V5h2v6h6v2h-6v6h-2v-6H5v-2z"/></svg>
</button>
</div>
<details>
<summary>More options</summary>
<sm-button onclick="refreshUTXOs()">Refresh UTXOs</sm-button>
<div class="flex align-center">
<button onclick="decRefreshFee()" id="-">
<svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path d="M5 11h14v2H5z"/></svg>
</button>
<span id="refreshFee"></span>
<button onclick="incRefreshFee()" id="+">
<svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path d="M11 11V5h2v6h6v2h-6v6h-2v-6H5v-2z"/></svg>
</button>
</div>
</details>
</section>
</section>
<footer class="page-footer page-layout">