Improve upload item UI

This commit is contained in:
2026-04-21 09:17:44 +04:00
parent 5cd384cf3a
commit bb2411972f
2 changed files with 1 additions and 20 deletions

View File

@@ -20,7 +20,6 @@ export default class PlacePhotoItem extends Component {
@tracked thumbnailUrl = ''; @tracked thumbnailUrl = '';
@tracked error = ''; @tracked error = '';
@tracked isUploaded = false;
constructor() { constructor() {
super(...arguments); super(...arguments);
@@ -87,8 +86,6 @@ export default class PlacePhotoItem extends Component {
]); ]);
} }
this.isUploaded = true;
if (this.args.onSuccess) { if (this.args.onSuccess) {
this.args.onSuccess({ this.args.onSuccess({
file, file,
@@ -137,12 +134,6 @@ export default class PlacePhotoItem extends Component {
</button> </button>
{{/if}} {{/if}}
{{#if this.isUploaded}}
<div class="photo-item-overlay success-overlay">
<Icon @name="check" @size={{24}} @color="white" />
</div>
{{/if}}
<button <button
type="button" type="button"
class="btn-remove-photo" class="btn-remove-photo"

View File

@@ -283,10 +283,6 @@ body {
width: 100%; width: 100%;
} }
.success-overlay {
background: rgb(152 195 121 / 60%);
}
.btn-remove-photo { .btn-remove-photo {
position: absolute; position: absolute;
top: 4px; top: 4px;
@@ -305,7 +301,7 @@ body {
} }
.btn-remove-photo:hover { .btn-remove-photo:hover {
background: rgb(224 108 117 / 90%); background: var(--marker-color-primary);
} }
.spin-animation { .spin-animation {
@@ -1588,12 +1584,6 @@ button.create-place {
color: #00c; color: #00c;
} }
.connected-status {
margin-bottom: 1rem;
color: #080;
word-break: break-all;
}
.preview-group { .preview-group {
margin-bottom: 1rem; margin-bottom: 1rem;
} }