diff options
Diffstat (limited to 'src/components')
| -rw-r--r-- | src/components/CompactTable/CompactTable.tsx | 2 | ||||
| -rw-r--r-- | src/components/Divider/Divider.tsx | 25 |
2 files changed, 17 insertions, 10 deletions
diff --git a/src/components/CompactTable/CompactTable.tsx b/src/components/CompactTable/CompactTable.tsx index 804fa28..656fa1e 100644 --- a/src/components/CompactTable/CompactTable.tsx +++ b/src/components/CompactTable/CompactTable.tsx @@ -9,7 +9,7 @@ interface CompactTableProps { const CompactTable: React.FC<CompactTableProps> = ({ tableData }) => { return ( - <div className="max-w-full mx-auto bg-gray-100 shadow-md rounded-lg overflow-hidden"> + <div className="max-w-full mx-auto bg-gray-100 shadow-md overflow-hidden"> <div className="flex gap-x-4"> <div className="w-1/2 px-4 py-5"> <h2 className="text-lg font-semibold text-gray-900">Dates</h2> diff --git a/src/components/Divider/Divider.tsx b/src/components/Divider/Divider.tsx index ef6b30b..a19f4a9 100644 --- a/src/components/Divider/Divider.tsx +++ b/src/components/Divider/Divider.tsx @@ -1,14 +1,21 @@ interface DividerProps { - text: string; + text: string; + description?: string; } const Divider = (props: DividerProps) => { - return ( - <div className="flex flex-row items-center justify-center bg-black h-24 max-w-full px-72"> - <div className="px-2 text-white text-4xl font-extrabold"> - {props.text} - </div> - </div> - ); + return ( + <div className="flex flex-col items-center justify-center bg-black h-24 mx-24 rounded-xl px-72"> + <div className="px-2 mt-2 text-white text-4xl font-extrabold"> + {props.text} + </div> + {props.description && ( + <div className="px-2 my-2 text-white text-lg font-medium"> + {props.description} + </div> + )} + </div> + ); }; -export default Divider; + +export default Divider;
\ No newline at end of file |
