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

Fix scrollbar colour

Browse Source
This commit is contained in:
Fornax
2023-09-14 17:00:01 +02:00
parent 1339c85fee
commit 97bd3462b1
2 changed files with 24 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
res/static/style/layout.css
View File

@@ -687,13 +687,13 @@ input[type=file] {
} }
::-webkit-scrollbar-track { ::-webkit-scrollbar-track {
background: var(--body_color); background: var(--background_color);
} }
::-webkit-scrollbar-thumb { ::-webkit-scrollbar-thumb {
background-color: var(--scrollbar_foreground_color); background-color: var(--scrollbar_foreground_color);
border-radius: 10px; border-radius: 10px;
border: 4px solid var(--body_color); border: 4px solid var(--background_color);
height: 40px; height: 40px;
width: 40px; width: 40px;
} }

33
svelte/src/home_page/ForCreators.svelte
View File

@@ -1,23 +1,23 @@
<script> <script>
import MollieDeposit from "../user_home/MollieDeposit.svelte"; import MollieDeposit from "../user_home/MollieDeposit.svelte";
import Euro from "../util/Euro.svelte";
</script> </script>
<header id="prepaid"> <header id="prepaid">
<div class="header_image_container"></div> <div class="header_image_container"></div>
</header> </header>
<section> <section>
<p style="text-align: center; font-size: 1.2em;"> <h2>Prepaid</h2>
We have a special offer for content creators and businesses <p>
</p> Whether you're working with large video files, high quality photography
<p style="text-align: center; font-size: 1.2em;"> or a different kind of media. Pixeldrain is the best way to transfer
Whether you're working with large video files, high quality files to your customers! With prepaid you only pay for what you use. No
photography or a different kind of media. Pixeldrain is the money wasted.
best way to transfer data to your customers!
</p> </p>
<br/> <br/>
<img src="/res/img/misc/sunrise.webp" class="float_right" alt="Sunrise"> <img src="/res/img/misc/sunrise.webp" class="float_right" alt="Sunrise">
<h2>Simple and affordable</h2> <h2>Simple and affordable pricing</h2>
No file expiry: No file expiry:
<ul> <ul>
@@ -48,8 +48,19 @@ import MollieDeposit from "../user_home/MollieDeposit.svelte";
<br style="clear: both;"/> <br style="clear: both;"/>
<h2>Get started</h2> <h2>Get started</h2>
{#if window.user.username !== ""} {#if window.user.username !== ""}
{#if window.user.subscription.id !== ""} {#if window.user.subscription.type === "patreon"}
<p>You already have a subscription active</p> <p>
You already have a Patreon subscription active. You cannot use
Prepaid while that subscription is active.
</p>
{:else if window.user.subscription.type === "prepaid"}
<p>
You already have a Prepaid subscription active. You account balance
is <Euro amount={window.user.balance_micro_eur}/>. Use the form
below to top up your balance.
</p>
<MollieDeposit/>
{:else} {:else}
<p> <p>
You are currently logged in as {window.user.username}. Use the You are currently logged in as {window.user.username}. Use the
@@ -89,7 +100,7 @@ header {
} }
.header_image_container { .header_image_container {
margin: auto; margin: auto;
height: 300px; height: 250px;
width: 750px; width: 750px;
max-width: 100%; max-width: 100%;
background-image: url("/res/img/professional_header.webp"); background-image: url("/res/img/professional_header.webp");