mirror of
https://github.com/LaCasemate/fab-manager.git
synced 2025-03-15 12:29:16 +01:00
(ui) Fix button color
This commit is contained in:
parent
76ab6d3b34
commit
15b63c896e
@ -76,7 +76,7 @@ export const AbstractItem: React.FC<AbstractItemProps> = ({ item, errors, cart,
|
||||
<span>{t('app.public.abstract_item.total')}</span>
|
||||
<p>{FormatLib.price(OrderLib.itemAmount(item))}</p>
|
||||
</div>
|
||||
<FabButton className="main-action-btn" onClick={handleRemoveItem(item)}>
|
||||
<FabButton className="is-alert" onClick={handleRemoveItem(item)}>
|
||||
<i className="fa fa-trash" />
|
||||
</FabButton>
|
||||
</div>
|
||||
|
@ -361,7 +361,7 @@ export const EventForm: React.FC<EventFormProps> = ({ action, event, onError, on
|
||||
formState={formState}
|
||||
label={t('app.admin.event_form.price')}
|
||||
addOn={FormatLib.currencySymbol()} />
|
||||
<FabButton className="remove-price is-main" onClick={() => handlePriceRemove(price, index)} icon={<Trash size={20} />} />
|
||||
<FabButton className="remove-price is-alert" onClick={() => handlePriceRemove(price, index)} icon={<Trash size={20} />} />
|
||||
</div>
|
||||
))}
|
||||
<FabButton className="add-price is-secondary" onClick={() => append({})}>
|
||||
|
@ -103,7 +103,7 @@ export const FormFileUpload = <TFieldValues extends FieldValues>({ id, label, re
|
||||
onChange={onFileSelected}
|
||||
placeholder={placeholder()}/>
|
||||
{showRemoveButton && hasFile() &&
|
||||
<FabButton onClick={onRemoveFile} icon={<Trash size={20} weight="fill" />} className="is-main" />
|
||||
<FabButton onClick={onRemoveFile} icon={<Trash size={20} weight="fill" />} className="is-alert" />
|
||||
}
|
||||
</div>
|
||||
</div>
|
||||
|
@ -127,7 +127,7 @@ export const FormImageUpload = <TFieldValues extends FieldValues, TContext exten
|
||||
onChange={onFileSelected}
|
||||
placeholder={placeholder()}
|
||||
tooltip={tooltip} />
|
||||
{hasImage() && <FabButton onClick={onRemoveFile} icon={<Trash size={20} weight="fill" />} className="is-main" />}
|
||||
{hasImage() && <FabButton onClick={onRemoveFile} icon={<Trash size={20} weight="fill" />} className="is-alert" />}
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
|
@ -73,7 +73,6 @@ export const ProductItem: React.FC<ProductItemProps> = ({ product, onEdit, onDel
|
||||
</div>
|
||||
<div className='actions'>
|
||||
<EditDestroyButtons onDeleteSuccess={onDelete}
|
||||
className="manage"
|
||||
onError={onError}
|
||||
onEdit={editProduct(product)}
|
||||
itemId={product.id}
|
||||
|
@ -9,7 +9,7 @@
|
||||
border-radius: 0;
|
||||
color: var(--gray-soft-lightest);
|
||||
&.edit-btn {background: var(--gray-hard-darkest) }
|
||||
&.delete-btn {background: var(--main) }
|
||||
&.delete-btn {background: var(--alert) }
|
||||
&:hover,
|
||||
&:focus {
|
||||
opacity: 0.75;
|
||||
|
@ -207,11 +207,11 @@
|
||||
padding: 1.6rem 0.8rem;
|
||||
background-color: var(--main);
|
||||
border: none;
|
||||
color: var(--gray-soft-lightest);
|
||||
color: var(--main-text-color);
|
||||
justify-content: center;
|
||||
text-transform: uppercase;
|
||||
&:hover {
|
||||
color: var(--gray-soft-lightest);
|
||||
color: var(--main-text-color);
|
||||
opacity: 0.75;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
@ -17,11 +17,11 @@
|
||||
|
||||
.main-action-btn {
|
||||
background-color: var(--main);
|
||||
color: var(--gray-soft-lightest);
|
||||
color: var(--main-text-color);
|
||||
border: none;
|
||||
&:hover {
|
||||
background-color: var(--main);
|
||||
color: var(--gray-soft-lightest);
|
||||
color: var(--main-text-color);
|
||||
opacity: 0.75;
|
||||
}
|
||||
}
|
||||
|
@ -73,7 +73,7 @@
|
||||
&:hover { opacity: 0.75; }
|
||||
}
|
||||
.edit-btn { background: var(--gray-hard-darkest); }
|
||||
.delete-btn { background: var(--main); }
|
||||
.delete-btn { background: var(--alert); }
|
||||
}
|
||||
}
|
||||
}
|
||||
|
@ -72,19 +72,6 @@
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
align-items: center;
|
||||
.manage {
|
||||
overflow: hidden;
|
||||
display: flex;
|
||||
border-radius: var(--border-radius-sm);
|
||||
button {
|
||||
@include btn;
|
||||
border-radius: 0;
|
||||
color: var(--gray-soft-lightest);
|
||||
&:hover { opacity: 0.75; }
|
||||
}
|
||||
.edit-btn {background: var(--gray-hard-darkest) }
|
||||
.delete-btn {background: var(--main) }
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 1024px) {
|
||||
|
Loading…
x
Reference in New Issue
Block a user