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:
34
src/app/shared/ui/image-field/image-field.component.scss
Normal file
34
src/app/shared/ui/image-field/image-field.component.scss
Normal 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;
|
||||
}
|
||||
Reference in New Issue
Block a user