chore: change some styles

This commit is contained in:
Rodolfo Ruiz
2025-06-09 21:42:58 -06:00
parent d6468b533e
commit c667d7e606
3 changed files with 64 additions and 14 deletions

View File

@@ -8,25 +8,26 @@ import EditIcon from '@mui/icons-material/Edit';
import DeleteIcon from '@mui/icons-material/Delete';
import '../App.css';
import { Visibility } from '@mui/icons-material';
const columnsBase = [
{ field: 'id', headerName: 'ID', width: 70 },
{ field: 'id', headerName: 'ID', width: 70, hide: false },
{ field: 'company', headerName: 'Company', flex: 1 },
{ field: 'name', headerName: 'Name', flex: 1 },
{ field: 'price', headerName: '$', width: 100, type: 'number' },
{ field: 'price', headerName: '$', width: 120, type: 'number' },
{ field: 'provider', headerName: 'Provider', flex: 1 },
{ field: 'stock', headerName: 'Stock', width: 100, type: 'number' },
{ field: 'stock', headerName: 'Stock', width: 120, type: 'number' },
{ field: 'category', headerName: 'Category', flex: 1 },
{
field: 'representation',
headerName: 'Representation',
width: 120,
width: 200,
renderCell: (params) => (
<Box display="flex" justifyContent="center" width="100%">
<Avatar
variant="rounded"
src={params.value}
sx={{ width: 100, height: 48 }}
sx={{ width: 180, height: 48 }}
imgProps={{
style: {
objectFit: 'contain', // or 'cover' if you want it to fill and crop
@@ -104,7 +105,7 @@ export default function Admin({ children, maxWidth = 'lg', sx = {} }) {
return (
<SectionContainer sx={{ width: '100%' }}>
<Typography variant="h6" gutterBottom>
<Typography variant="h6" gutterBottom color='#26201AFF'>
Product Catalog
</Typography>