pixeldrain/fnx_web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix padding here and there

Browse Source
This commit is contained in:
Fornax
2022-01-04 16:21:58 +01:00
parent f3ea67667e
commit 54773be921
4 changed files with 29 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
svelte/src/user_home/ConnectApp.svelte
View File

@@ -87,7 +87,7 @@ onMount(() => {
{:else} {:else}
<h3>Key created</h3> <h3>Key created</h3>
<div class="copy_container indent"> <div class="copy_container">
<button on:click={copy_key} class="copy_button" class:button_highlight={copied}> <button on:click={copy_key} class="copy_button" class:button_highlight={copied}>
<i class="icon">content_copy</i> <i class="icon">content_copy</i>
{#if copied} {#if copied}

32
svelte/src/user_home/Home.svelte
View File

@@ -203,24 +203,22 @@ onDestroy(() => {
{/if} {/if}
</ul> </ul>
<div class="indent"> {#if window.user.subscription.storage_space === -1}
{#if window.user.subscription.storage_space === -1} Storage space used: {formatDataVolume(storage_space_used, 3)}<br/>
Storage space used: {formatDataVolume(storage_space_used, 3)}<br/> {:else}
{:else} <StorageProgressBar used={storage_space_used} total={window.user.subscription.storage_space}></StorageProgressBar>
<StorageProgressBar used={storage_space_used} total={window.user.subscription.storage_space}></StorageProgressBar> {/if}
{/if}
{#if transfer_cap === -1} {#if transfer_cap === -1}
Paid transfers in the last 30 days: {formatDataVolume(transfer_used, 3)}<br/> Paid transfers in the last 30 days: {formatDataVolume(transfer_used, 3)}<br/>
{:else} {:else}
Paid transfers: Paid transfers:
{formatDataVolume(transfer_used, 3)} {formatDataVolume(transfer_used, 3)}
out of out of
{formatDataVolume(transfer_cap, 3)} {formatDataVolume(transfer_cap, 3)}
(<a href="/user/subscription">Set your transfer limit on the subscription page</a>) (<a href="/user/subscription">Set your transfer limit on the subscription page</a>)
<HotlinkProgressBar used={transfer_used} total={transfer_cap}></HotlinkProgressBar> <HotlinkProgressBar used={transfer_used} total={transfer_cap}></HotlinkProgressBar>
{/if} {/if}
</div>
<h3>Exports</h3> <h3>Exports</h3>
<div style="text-align: center;"> <div style="text-align: center;">

27
svelte/src/user_home/Subscription.svelte
View File

@@ -195,7 +195,6 @@ onMount(load_tranfer_used)
{/if} {/if}
<h3>Bandwidth sharing</h3> <h3>Bandwidth sharing</h3>
<div class="indent">
{#if hotlinking} {#if hotlinking}
<button on:click={() => { hotlinking = false; update("limits") }}> <button on:click={() => { hotlinking = false; update("limits") }}>
<i class="icon green">check</i> ON (click to turn off) <i class="icon green">check</i> ON (click to turn off)
@@ -205,7 +204,6 @@ onMount(load_tranfer_used)
<i class="icon red">close</i> OFF (click to turn on) <i class="icon red">close</i> OFF (click to turn on)
</button> </button>
{/if} {/if}
</div>
<p> <p>
When bandwidth sharing is enabled all the bandwidth that your files When bandwidth sharing is enabled all the bandwidth that your files
use will be subtracted from your data cap. Advertisements will be use will be subtracted from your data cap. Advertisements will be
@@ -217,21 +215,20 @@ onMount(load_tranfer_used)
</p> </p>
<h3>Bill shock limit</h3> <h3>Bill shock limit</h3>
<div class="indent"> <p>
Billshock limit in gigabytes per month (1 TB = 1000 GB). Set to 0 to disable. Billshock limit in gigabytes per month (1 TB = 1000 GB). Set to 0 to disable.
<br/> </p>
<form on:submit|preventDefault={() => {update("limits")}} class="billshock_container"> <form on:submit|preventDefault={() => {update("limits")}} class="billshock_container">
<input type="number" bind:value={transfer_cap} step="100" min="0"/> <input type="number" bind:value={transfer_cap} step="100" min="0"/>
<div style="margin: 0.5em;">GB</div> <div style="margin: 0.5em;">GB</div>
<button type="submit"> <button type="submit">
<i class="icon">save</i> Save <i class="icon">save</i> Save
</button> </button>
</form> </form>
Bandwidth used in the last 30 days: {formatDataVolume(transfer_used, 3)}, Bandwidth used in the last 30 days: {formatDataVolume(transfer_used, 3)},
new limit: {formatDataVolume(transfer_cap*1e9, 3)} new limit: {formatDataVolume(transfer_cap*1e9, 3)}
<ProgressBar used={transfer_used} total={transfer_cap*1e9}></ProgressBar> <ProgressBar used={transfer_used} total={transfer_cap*1e9}></ProgressBar>
</div>
<p> <p>
The billshock limit limits how much bandwidth your account can use The billshock limit limits how much bandwidth your account can use
in a 30 day window. When this limit is reached files will show ads in a 30 day window. When this limit is reached files will show ads

2
svelte/src/user_home/Transactions.svelte
View File

@@ -140,7 +140,7 @@ onMount(() => {
pixeldrain account. It's not a wallet. Any amount of money you pixeldrain account. It's not a wallet. Any amount of money you
deposit has to be used up. deposit has to be used up.
</p> </p>
<div class="indent" style="text-align: center;"> <div style="text-align: center;">
Deposit amount € Deposit amount €
<input type="number" bind:value={credit_amount} min="1"/> <input type="number" bind:value={credit_amount} min="1"/>
<br/> <br/>