Move the filemanager toolbar into the header to save vertical space
This commit is contained in:
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user