tomas/pocketbase
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

minor ui improvements

Browse Source
This commit is contained in:
Gani Georgiev
2023-02-21 22:24:49 +02:00
parent 4fdc8feafc
commit 0db6c783cd
40 changed files with 358 additions and 295 deletions
Download Patch File Download Diff File Expand all files Collapse all files
ui/src/components/records/fields/FileField.svelte
+25 -26
View File
@@ -128,7 +128,7 @@
<figure class="thumb">
<UploadedFilePreview {file} />
</figure>
<div class="filename" title={file.name}>
<div class="filename m-r-auto" title={file.name}>
<small class="label label-success m-r-5">New</small>
<span class="txt">{file.name}</span>
</div>
@@ -143,30 +143,29 @@
</div>
{/each}
{#if !maxReached}
<div class="list-item list-item-btn">
<input
bind:this={fileInput}
type="file"
class="hidden"
multiple={isMultiple}
on:change={() => {
for (let file of fileInput.files) {
uploadedFiles.push(file);
}
uploadedFiles = uploadedFiles;
fileInput.value = null; // reset
}}
/>
<button
type="button"
class="btn btn-transparent btn-sm btn-block"
on:click={() => fileInput?.click()}
>
<i class="ri-upload-cloud-line" />
<span class="txt">Upload new file</span>
</button>
</div>
{/if}
<div class="list-item list-item-btn">
<input
bind:this={fileInput}
type="file"
class="hidden"
multiple={isMultiple}
on:change={() => {
for (let file of fileInput.files) {
uploadedFiles.push(file);
}
uploadedFiles = uploadedFiles;
fileInput.value = null; // reset
}}
/>
<button
type="button"
class="btn btn-transparent btn-sm btn-block"
disabled={maxReached}
on:click={() => fileInput?.click()}
>
<i class="ri-upload-cloud-line" />
<span class="txt">Upload new file</span>
</button>
</div>
</div>
</Field>