git-sync/profilarr
1
0
Fork 0
mirror of https://github.com/Dictionarry-Hub/profilarr.git synced 2026-01-27 21:20:53 +01:00
Code Issues Packages Projects Releases Wiki Activity

feat: add props to addNewCard to change size

Browse Source
This commit is contained in:
Sam Chau
2024-09-18 09:25:49 +09:30
parent adc7fe836a
commit d1d1296526
1 changed files with 20 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
frontend/src/components/ui/AddNewCard.jsx
View File

@@ -1,19 +1,28 @@
import React from 'react';
import PropTypes from 'prop-types';
function AddNewCard({ onAdd }) {
return (
<div
className="bg-white dark:bg-gray-800 border-2 border-dashed border-gray-400 dark:border-gray-600 rounded-lg p-4 shadow-sm cursor-pointer hover:border-blue-400 dark:hover:border-blue-500 flex items-center justify-center"
onClick={onAdd}
style={{ minHeight: '150px' }}
>
<span className="text-4xl text-gray-400 dark:text-gray-500">+</span>
</div>
);
function AddNewCard({onAdd, width, height, minHeight}) {
const style = {
width: width || '100%',
height: height || 'auto',
minHeight: minHeight || '150px'
};
return (
<div
className='bg-white dark:bg-gray-800 border-2 border-dashed border-gray-400 dark:border-gray-600 rounded-lg p-4 shadow-sm cursor-pointer hover:border-blue-400 dark:hover:border-blue-500 flex items-center justify-center'
onClick={onAdd}
style={style}>
<span className='text-4xl text-gray-400 dark:text-gray-500'>+</span>
</div>
);
}
AddNewCard.propTypes = {
onAdd: PropTypes.func.isRequired,
onAdd: PropTypes.func.isRequired,
width: PropTypes.string,
height: PropTypes.string,
minHeight: PropTypes.string
};
export default AddNewCard;