feat(project-editor): reusable image-field (thumbnail+replace+remove), branding OG image+gallery

- shared app-image-field component: thumbnail preview, replace, remove, opens media-picker
- branding: add socialImageUrl + galleryUrls fields, wire to new image-field
- footer: logo + payment icon fields use image-field (drop manual media-picker plumbing)
- i18n: common.remove, adminCategories.replaceImage, builder.socialImage/gallery keys (en/ru/hy)

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
This commit is contained in:
sdarbinyan
2026-07-17 15:22:45 +04:00
parent feda0f685f
commit b183410888
12 changed files with 175 additions and 71 deletions

View File

@@ -0,0 +1,34 @@
:host {
display: block;
}
.image-field {
display: flex;
gap: 12px;
align-items: flex-start;
}
.image-field__thumb {
width: 56px;
height: 56px;
border-radius: 10px;
border: 1px solid var(--border-color, #d3dad9);
object-fit: cover;
background: #fbfcfc;
flex-shrink: 0;
}
.image-field__thumb--empty {
background: repeating-conic-gradient(#f0f2f1 0% 25%, #fbfcfc 0% 50%) 0 0 / 12px 12px;
}
.image-field__controls {
flex: 1;
display: grid;
gap: 8px;
}
.image-field__actions {
display: flex;
gap: 8px;
}