rooty/fab-manager
1
0
Fork 0
mirror of https://github.com/LaCasemate/fab-manager.git synced 2025-01-18 07:52:23 +01:00
Code Issues Releases Activity

Fix button color + standardise class names

Browse Source
This commit is contained in:
vincent 2022-07-29 10:56:15 +02:00 committed by Sylvain
parent 5e61e9c409
commit be6ba8deff
4 changed files with 15 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
app/frontend/src/javascript/components/store/categories/manage-product-category.tsx
View File

@ -54,12 +54,12 @@ export const ManageProductCategory: React.FC<ManageProductCategoryProps> = ({ pr
case 'update':
return (<FabButton type='button'
icon={<i className="fas fa-pen" />}
className="edit-button"
className="edit-btn"
onClick={toggleModal} />);
case 'delete':
return (<FabButton type='button'
icon={<i className="fa fa-trash" />}
className="delete-button"
className="delete-btn"
onClick={toggleModal} />);
}
};

2
app/frontend/src/javascript/components/store/categories/product-categories-item.tsx
View File

@ -36,7 +36,7 @@ export const ProductCategoriesItem: React.FC<ProductCategoriesItemProps> = ({ pr
<p className='itemInfo-name'>{category.name}</p>
<span className='itemInfo-count'>[count]</span>
</div>
<div className='action'>
<div className='actions'>
<div className='manage'>
<ManageProductCategory action='update'
productCategories={productCategories}

8
app/frontend/src/stylesheets/modules/store/product-categories.scss
View File

@ -65,22 +65,22 @@
}
}
.action {
.actions {
display: flex;
justify-content: flex-end;
align-items: center;
.manage {
overflow: hidden;
display: flex;
border-radius: var(--border-radius);
border-radius: var(--border-radius-sm);
button {
@include btn;
border-radius: 0;
color: var(--gray-soft-lightest);
&:hover { opacity: 0.75; }
}
.edit-button {background: var(--gray-hard-darkest) }
.delete-button {background: var(--error) }
.edit-btn {background: var(--gray-hard-darkest) }
.delete-btn {background: var(--error) }
}
}

12
app/frontend/src/stylesheets/modules/supporting-documents/supporting-documents-files.scss
View File

@ -113,11 +113,15 @@
}
}
.save-btn {
background-color: var(--secondary-dark);
border-color: var(--secondary-dark);
color: var(--secondary-text-color);
float: right;
margin-bottom: 15px;
margin-top: 15px;
float: right;
background-color: var(--secondary);
border-color: var(--secondary);
color: var(--secondary-text-color);
&:hover {
background-color: var(--secondary-dark);
border-color: var(--secondary-dark);
}
}
}