1
0
Fork 0
mirror of synced 2024-06-26 18:20:43 +12:00

update failed pill and

This commit is contained in:
Damodar Lohani 2022-02-18 14:37:15 +00:00
parent 10028582e1
commit 575c40e24b
5 changed files with 6 additions and 3 deletions

View file

@ -246,7 +246,8 @@
aria-valuemax="100"></div> aria-valuemax="100"></div>
<span class="icon" x-text="file.progress"></span> <span class="icon" x-text="file.progress"></span>
</div> </div>
<label for="file1" class="file-name" x-text="file.name"></label> <label for="file1" class="file-name trim-inner-text" x-text="file.name"></label>
<span class="pill is-failed" x-show="file.failed">failed</span>
<button x-show="file.completed" class="icon-button is-success" aria-label="Uploading"><span class="icon-check"></span></button> <button x-show="file.completed" class="icon-button is-success" aria-label="Uploading"><span class="icon-check"></span></button>
<button x-show="!file.completed" class="icon-button" aria-label="Uploading" @click="$store.uploader.removeFile(file.id)"><span class="icon-x"></span></button> <button x-show="!file.completed" class="icon-button" aria-label="Uploading" @click="$store.uploader.removeFile(file.id)"><span class="icon-x"></span></button>
</li> </li>

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View file

@ -8,4 +8,5 @@
&.is-disabled { --p-pill-text-color:var(--config-disabled-color-hsl); } &.is-disabled { --p-pill-text-color:var(--config-disabled-color-hsl); }
&.is-pending { --p-pill-text-color:var(--config-pending-color-hsl); } &.is-pending { --p-pill-text-color:var(--config-pending-color-hsl); }
&.is-failed { --p-pill-text-color:var(--config-failed-color-hsl); }
} }

View file

@ -98,6 +98,7 @@
--config-defalut-color-hsl: 0 0% 62%; --config-defalut-color-hsl: 0 0% 62%;
--config-disabled-color-hsl: 0 0% 62%; --config-disabled-color-hsl: 0 0% 62%;
--config-pending-color-hsl: 36 100% 47%; --config-pending-color-hsl: 36 100% 47%;
--config-failed-color-hsl: 0 74% 42%;
.theme-dark { .theme-dark {
--config-color-primary: #f02e65; --config-color-primary: #f02e65;