Move the filemanager toolbar into the header to save vertical space

This commit is contained in:
2026-10-01 11:14:34 +02:00
parent 58db683fc8
commit e37702d1aa
10 changed files with 136 additions and 131 deletions

View File

@@ -17,7 +17,7 @@ import { get_user } from "lib/NovaAPI";
import Tree from "./Tree.svelte";
import MenuEntry from "./MenuEntry.svelte";
import { writable } from "svelte/store";
import { breadcrumbs_store } from "./BreadcrumbStore";
import { breadcrumbs_store, toolbar_store } from "./HeaderStore";
import ProgressBar from "util/ProgressBar.svelte";
import NovaLogo, { update_favicon } from "util/NovaLogo.svelte";
@@ -279,15 +279,19 @@ const set_offset = (off: number) => {
<div class="page">
<div class="header bubble">
<button class="menu_button" onclick={toggle_menu}>
<i class="icon">menu</i>
</button>
<div class="breadcrumbs">
<button class="menu_button" onclick={toggle_menu}>
<i class="icon">menu</i>
</button>
{#if $breadcrumbs_store !== null}
{@render $breadcrumbs_store()}
{/if}
</div>
{#if $toolbar_store !== null}
{@render $toolbar_store()}
{/if}
</div>
<Router/>
@@ -365,9 +369,7 @@ const set_offset = (off: number) => {
.header {
flex: 0 0 auto;
display: flex;
flex-direction: row;
align-items: center;
justify-content: left;
flex-direction: column;
backdrop-filter: blur(3px);
position: sticky;
top: 4px;