mirror of
https://github.com/LaCasemate/fab-manager.git
synced 2025-01-19 08:52:25 +01:00
(bug) switch display is broken
This commit is contained in:
parent
20e50bda13
commit
83fb4f11ff
@ -92,7 +92,10 @@ export const FormImageUpload = <TFieldValues extends FieldValues, TContext exten
|
|||||||
return (
|
return (
|
||||||
<div className={`form-image-upload form-image-upload--${size} ${label ? 'with-label' : ''} ${classNames}`}>
|
<div className={`form-image-upload form-image-upload--${size} ${label ? 'with-label' : ''} ${classNames}`}>
|
||||||
<div className={`image image--${size}`}>
|
<div className={`image image--${size}`}>
|
||||||
<img src={hasImage() ? image : noImage} alt={file?.attachment_name || 'no image'} />
|
<img src={hasImage() ? image : noImage} alt={file?.attachment_name || 'no image'} onError={({ currentTarget }) => {
|
||||||
|
currentTarget.onerror = null;
|
||||||
|
currentTarget.src = noImage;
|
||||||
|
}} />
|
||||||
</div>
|
</div>
|
||||||
<div className="actions">
|
<div className="actions">
|
||||||
{mainOption &&
|
{mainOption &&
|
||||||
|
@ -5,7 +5,6 @@
|
|||||||
&-header {
|
&-header {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-wrap: wrap;
|
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
align-items: flex-start;
|
align-items: flex-start;
|
||||||
margin-bottom: 0.8rem;
|
margin-bottom: 0.8rem;
|
||||||
|
@ -13,7 +13,6 @@
|
|||||||
|
|
||||||
.form-item-field {
|
.form-item-field {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-wrap: wrap;
|
|
||||||
padding: 16px;
|
padding: 16px;
|
||||||
background-color: white;
|
background-color: white;
|
||||||
& > *:not(:first-child) {
|
& > *:not(:first-child) {
|
||||||
|
Loading…
x
Reference in New Issue
Block a user