Make menu darker again

This commit is contained in:
2022-01-04 15:55:20 +01:00
parent 4f17c71b56
commit f3ea67667e
10 changed files with 109 additions and 113 deletions

View File

@@ -373,6 +373,8 @@ const node_click = (index) => {
padding: 0;
overflow-x: auto;
text-align: left;
background-color: var(--layer_2_color);
border-radius: 16px;
}
#node_container {
display: block;

View File

@@ -256,16 +256,8 @@ onMount(() => {
<svelte:window on:keydown={keydown} on:hashchange={hashChange} />
<svetle:head>
<style>
#footer {
border-top-left-radius: 16px;
}
</style>
</svetle:head>
<div id="file_manager" class="file_manager">
<div id="nav_bar" class="nav_bar" class:expanded={selecting}>
<div id="nav_bar" class="nav_bar">
<button id="btn_menu" onclick="toggleMenu()"><i class="icon">menu</i></button>
<button on:click={toggleSelecting} id="btn_select" class:button_highlight={selecting}>
<i class="icon">select_all</i> Select
@@ -349,18 +341,14 @@ is collapsed */
height: 100%;
display: flex;
flex-direction: column;
background-color: var(--layer_1_color);
}
.nav_bar {
flex-shrink: 0;
display: flex;
flex-direction: row;
border-bottom-left-radius: 16px;
background-color: var(--layer_1_color);
padding: 4px;
}
.nav_bar.expanded {
border-bottom-left-radius: 0;
}
.nav_bar > button {
flex-shrink: 0;
}