Add a nice background image on the home page
This commit is contained in:
@@ -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;
|
||||
|
@@ -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{
|
||||
|
@@ -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;
|
||||
|
@@ -552,6 +552,8 @@ const keydown = (e) => {
|
||||
</div>
|
||||
</section>
|
||||
{/if}
|
||||
|
||||
<br/>
|
||||
</div>
|
||||
|
||||
<style>
|
||||
|
@@ -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 {
|
||||
|
Reference in New Issue
Block a user