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

Rounding some corners before I go to bed

Browse Source
This commit is contained in:
Fornax
2022-02-08 23:55:47 +01:00
parent 13c1c6a262
commit 2a9fc5d9d5
5 changed files with 15 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
svelte/src/file_viewer/viewers/File.svelte
View File

@@ -23,7 +23,7 @@ let file = {
No preview is available for this file type. Download to view it locally. No preview is available for this file type. Download to view it locally.
<br/> <br/>
<button class="button_highlight" on:click={() => {dispatch("download")}}> <button class="button_highlight" on:click={() => {dispatch("download")}}>
<i class="icon">save</i> <i class="icon">download</i>
<span>Download</span> <span>Download</span>
</button> </button>
</TextBlock> </TextBlock>

2
svelte/src/file_viewer/viewers/LargeFileMessage.svelte
View File

@@ -12,7 +12,7 @@ export let file = {
{#if file.show_ads && file.size > 1e8} {#if file.show_ads && file.size > 1e8}
<!-- If the file is larger than 100 MB we show a warning about the transfer speed --> <!-- If the file is larger than 100 MB we show a warning about the transfer speed -->
<TextBlock width="650px"> <TextBlock width="650px" center={true}>
Your download speed is currently limited to 4 MiB/s. Downloading this Your download speed is currently limited to 4 MiB/s. Downloading this
file for free will take at least file for free will take at least
{formatDuration((file.size/4194304)*1000)} (under ideal conditions). {formatDuration((file.size/4194304)*1000)} (under ideal conditions).

3
svelte/src/file_viewer/viewers/RateLimit.svelte
View File

@@ -62,8 +62,9 @@ let file = {
<style> <style>
.file_thumbnail { .file_thumbnail {
display: inline-block; display: inline-block;
vertical-align: top; vertical-align: middle;
height: 6em; height: 6em;
border-radius: 8px;
} }
.file_description { .file_description {
display: inline-block; display: inline-block;

2
svelte/src/file_viewer/viewers/TextBlock.svelte
View File

@@ -15,7 +15,7 @@ export let center = false
vertical-align: middle; vertical-align: middle;
background-color: rgba(0, 0, 0, 0.5); background-color: rgba(0, 0, 0, 0.5);
border-radius: 16px; border-radius: 8px;
padding: 8px; padding: 8px;
} }
.center { .center {

14
svelte/src/file_viewer/viewers/Video.svelte
View File

@@ -76,17 +76,18 @@ let download = () => { dispatch("download", {}) }
{/if} {/if}
{:else} {:else}
<h1>{file.name}</h1> <h1>{file.name}</h1>
<img src={file.icon_href} alt="Video icon" style="display: inline-block; vertical-align: top;"> <img src={file.icon_href} class="video_icon" alt="Video icon">
<TextBlock width="600px"> <TextBlock width="600px">
The online video player on pixeldrain is only available when the The online video player on pixeldrain is only available when the
uploader of the file or the viewer pays for the bandwidth usage. You uploader of the video has a Pro account, or if you have a Pro
can still download the video and watch it locally on your computer. account. You can still download the video and watch it locally on
your computer.
<br/> <br/>
<a href="https://www.patreon.com/join/pixeldrain/checkout?rid=5291427&cadence=12" class="button button_highlight"> <a href="https://www.patreon.com/join/pixeldrain/checkout?rid=5291427&cadence=12" class="button button_highlight">
<i class="icon">upgrade</i> Upgrade to Pro <i class="icon">upgrade</i> Upgrade to Pro
</a> </a>
<button on:click={download}> <button on:click={download}>
<i class="icon">save</i> Download <i class="icon">download</i> Download
</button> </button>
</TextBlock> </TextBlock>
<br/><br/> <br/><br/>
@@ -111,4 +112,9 @@ let download = () => { dispatch("download", {}) }
top: 50%; top: 50%;
transform: translateY(-50%); transform: translateY(-50%);
} }
.video_icon {
display: inline-block;
vertical-align: middle;
border-radius: 8px;
}
</style> </style>