Add a nice background image on the home page

This commit is contained in:
2022-02-21 21:53:58 +01:00
parent 2a9fc5d9d5
commit fff4410801
12 changed files with 60 additions and 32 deletions

View File

@@ -6,6 +6,7 @@ import Modal from "../util/Modal.svelte";
let dispatch = createEventDispatcher()
export let multi_select = true
export let title = ""
let modal;
let directory_element;
let input_search;
@@ -86,7 +87,9 @@ const keydown = (e) => {
<button class="button round" on:click={modal.hide}>
<i class="icon">close</i> Cancel
</button>
<div class="title">Select files to add to album</div>
<div class="title">
{title}
</div>
<input bind:this={input_search} on:keyup={search} class="search" type="text" placeholder="press / to search"/>
<button class="button button_highlight round" on:click={done}>
<i class="icon">done</i> Add
@@ -121,6 +124,7 @@ const keydown = (e) => {
.title {
flex-grow: 1;
flex-shrink: 1;
text-align: center;
}
.search {
min-width: 100px;

View File

@@ -156,7 +156,7 @@ const drop = (e, index) => {
{/if}
</div>
<FilePicker bind:this={file_picker} on:files={e => {add_files(e.detail)}} multi_select={true}></FilePicker>
<FilePicker bind:this={file_picker} on:files={e => {add_files(e.detail)}} multi_select={true} title="Select files to add to album"></FilePicker>
<style>
.gallery{

View File

@@ -14,6 +14,7 @@ export let center = false
padding-left: 8px;
vertical-align: middle;
color: var(--layer_1_text_color);
background-color: rgba(0, 0, 0, 0.5);
border-radius: 8px;
padding: 8px;

View File

@@ -552,6 +552,8 @@ const keydown = (e) => {
</div>
</section>
{/if}
<br/>
</div>
<style>

View File

@@ -322,7 +322,7 @@ onMount(() => {
<br/>
</section>
<FilePicker bind:this={file_picker} on:files={e => {add_file(e.detail)}} multi_select={false}></FilePicker>
<FilePicker bind:this={file_picker} on:files={e => {add_file(e.detail)}} multi_select={false} title="Select image file"></FilePicker>
<style>
.banner_preview {