Add margins around the page

This commit is contained in:
2023-09-13 15:13:46 +02:00
parent 70b8862577
commit 91144ed14b
6 changed files with 46 additions and 28 deletions

View File

@@ -359,6 +359,7 @@ const node_click = (index) => {
background: var(--body_background);
min-width: 850px;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
border-bottom: 1px solid var(--separator);
}
.sorter_button {
@@ -389,6 +390,7 @@ const node_click = (index) => {
overflow-x: auto;
background: var(--body_background);
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
}
#node_container {
display: block;

View File

@@ -257,7 +257,7 @@ onMount(() => {
<svelte:window on:keydown={keydown} on:hashchange={hashChange} />
<div id="file_manager" class="file_manager">
<div id="file_manager" class="file_manager page_margins">
<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}>
@@ -354,12 +354,14 @@ is collapsed */
}
#file_manager {
position: absolute;
padding: 0;
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
position: absolute;
padding: 0;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: flex;
flex-direction: column;
}
.nav_bar {
flex-shrink: 0;