Update styles
This commit is contained in:
@@ -157,6 +157,7 @@ const logout = async (key) => {
|
||||
</tr>
|
||||
{/each}
|
||||
</table>
|
||||
<br/>
|
||||
</div>
|
||||
|
||||
<style>
|
||||
|
@@ -142,26 +142,26 @@ let delete_account = {
|
||||
</script>
|
||||
|
||||
<section>
|
||||
<h2>Account settings</h2>
|
||||
<div class="highlight_shaded">
|
||||
<br/>
|
||||
<div class="highlight_border">
|
||||
<h3>Change password</h3>
|
||||
<Form config={password_change}></Form>
|
||||
</div>
|
||||
<br/>
|
||||
|
||||
<div class="highlight_shaded">
|
||||
<div class="highlight_border">
|
||||
<h3>Change e-mail address</h3>
|
||||
<Form config={email_change}></Form>
|
||||
</div>
|
||||
<br/>
|
||||
|
||||
<div class="highlight_shaded">
|
||||
<div class="highlight_border">
|
||||
<h3>Change name</h3>
|
||||
<Form config={name_change}></Form>
|
||||
</div>
|
||||
<br/>
|
||||
|
||||
<div class="highlight_shaded">
|
||||
<div class="highlight_border">
|
||||
<h3>Delete account</h3>
|
||||
<Form config={delete_account}></Form>
|
||||
</div>
|
||||
|
@@ -280,7 +280,7 @@ onDestroy(() => {
|
||||
the timeframe.
|
||||
</p>
|
||||
|
||||
<div class="highlight_shaded">
|
||||
<div class="highlight_border">
|
||||
<button
|
||||
on:click={() => update_graphs(1440, 1, true)}
|
||||
class:button_highlight={graph_timespan == 1440}>
|
||||
@@ -335,7 +335,7 @@ onDestroy(() => {
|
||||
<Chart bind:this={graph_bandwidth} data_type="bytes"/>
|
||||
|
||||
<section>
|
||||
<div class="highlight_shaded">
|
||||
<div class="highlight_border">
|
||||
Total usage from {time_start} to {time_end}<br/>
|
||||
{formatDataVolume(total_bandwidth, 3)} bandwidth,
|
||||
{formatDataVolume(total_transfer_paid, 3)} paid transfers
|
||||
@@ -356,7 +356,7 @@ onDestroy(() => {
|
||||
<Chart bind:this={graph_views_downloads} data_type="number"/>
|
||||
|
||||
<section>
|
||||
<div class="highlight_shaded">
|
||||
<div class="highlight_border">
|
||||
Total usage from {time_start} to {time_end}<br/>
|
||||
{formatThousands(total_views)} views and
|
||||
{formatThousands(total_downloads)} downloads
|
||||
|
@@ -8,6 +8,7 @@ import Subscription from "./Subscription.svelte";
|
||||
import ConnectApp from "./ConnectApp.svelte";
|
||||
import ActivityLog from "./ActivityLog.svelte";
|
||||
import SharingSettings from "./SharingSettings.svelte";
|
||||
import Footer from "../layout/Footer.svelte";
|
||||
|
||||
let page = ""
|
||||
|
||||
@@ -99,22 +100,23 @@ onMount(() => {
|
||||
{/if}
|
||||
</div>
|
||||
</header>
|
||||
<br/>
|
||||
|
||||
{#if page === "home"}
|
||||
<Home/>
|
||||
{:else if page === "settings"}
|
||||
<AccountSettings/>
|
||||
{:else if page === "sharing"}
|
||||
<SharingSettings/>
|
||||
{:else if page === "api_keys"}
|
||||
<APIKeys/>
|
||||
{:else if page === "activity"}
|
||||
<ActivityLog/>
|
||||
{:else if page === "connect_app"}
|
||||
<ConnectApp/>
|
||||
{:else if page === "transactions"}
|
||||
<Transactions/>
|
||||
{:else if page === "subscription"}
|
||||
<Subscription/>
|
||||
{/if}
|
||||
<div id="page_content" class="page_content">
|
||||
{#if page === "home"}
|
||||
<Home/>
|
||||
{:else if page === "settings"}
|
||||
<AccountSettings/>
|
||||
{:else if page === "sharing"}
|
||||
<SharingSettings/>
|
||||
{:else if page === "api_keys"}
|
||||
<APIKeys/>
|
||||
{:else if page === "activity"}
|
||||
<ActivityLog/>
|
||||
{:else if page === "connect_app"}
|
||||
<ConnectApp/>
|
||||
{:else if page === "transactions"}
|
||||
<Transactions/>
|
||||
{:else if page === "subscription"}
|
||||
<Subscription/>
|
||||
{/if}
|
||||
</div>
|
||||
<Footer/>
|
||||
|
Reference in New Issue
Block a user