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

Replace home button on download page with standard home button

Browse Source
This commit is contained in:
Wim Brand
2024-08-29 19:56:22 +02:00
parent 8399800952
commit c152f36f49
3 changed files with 19 additions and 75 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
svelte/src/file_viewer/FileViewer.svelte
View File

@@ -18,8 +18,8 @@ import LoadingIndicator from "../util/LoadingIndicator.svelte";
import TransferLimit from "./TransferLimit.svelte";
import ListStats from "./ListStats.svelte";
import ListUpdater from "./ListUpdater.svelte";
import HomeButton from "./HomeButton.svelte";
import CopyButton from "../layout/CopyButton.svelte";
import Menu from "../filesystem/Menu.svelte"
let loading = true
let embedded = false
@@ -396,7 +396,7 @@ const keyboard_event = evt => {
<i class="icon">menu</i>
</button>
<HomeButton embedded_viewer={embedded}/>
<Menu embedded={embedded}/>
<div class="file_viewer_headerbar_title">
{#if list.title !== ""}{list.title}<br/>{/if}

58
svelte/src/file_viewer/HomeButton.svelte
View File

@@ -1,58 +0,0 @@
<script>
import PixeldrainLogo from "../util/PixeldrainLogo.svelte";
export let embedded_viewer = false
export let nobg = false
</script>
{#if window.user.username === ""}
<a
href="/"
class="button button_home round"
class:nobg
target={embedded_viewer ? "_blank" : ""}
title="Go to the pixeldrain home page">
<PixeldrainLogo style="height: 1.6em; width: 1.6em; margin: 0;"></PixeldrainLogo>
<span class="label"></span>
</a>
{:else}
<a
href="/user"
class="button round"
class:nobg
target={embedded_viewer ? "_blank" : ""}
title="My account">
<PixeldrainLogo style="height: 1.6em; width: 1.6em; margin: 0;"></PixeldrainLogo>
<span class="username">
{window.user.username}
</span>
</a>
{/if}
<style>
.button {
flex: 0 0 content;
}
.label::after {
content: "pixeldrain";
}
.label, .username {
margin-right: 3px;
}
.nobg {
background: none;
margin: 0;
color: var(--body_text_color);
box-shadow: none;
}
@media (max-width: 600px) {
.label::after {
content: "pd";
}
.username {
display: none;
}
}
</style>