lino.mlv/Abacus
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: Update modal to allow scrolling with max height

Browse Source
This commit is contained in:
Mallevaey Lino
2025-11-24 10:17:07 +00:00
parent 9e023baabd
commit fc81a1877d
1 changed files with 1 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
components/AddOperationModal.tsx
View File

@@ -1,4 +1,3 @@
import React, { useState, useEffect } from 'react'; import React, { useState, useEffect } from 'react';
import { Balance, Operation, OperationType } from '../types'; import { Balance, Operation, OperationType } from '../types';
@@ -85,7 +84,7 @@ const AddOperationModal: React.FC<AddOperationModalProps> = ({ isOpen, onClose,
return ( return (
<div className="fixed inset-0 bg-black bg-opacity-50 z-50 flex justify-center items-center p-4"> <div className="fixed inset-0 bg-black bg-opacity-50 z-50 flex justify-center items-center p-4">
<div className="bg-white rounded-xl shadow-2xl w-full max-w-lg"> <div className="bg-white rounded-xl shadow-2xl w-full max-w-lg max-h-[95vh] overflow-scroll">
<div className="flex justify-between items-center p-6 border-b border-gray-200"> <div className="flex justify-between items-center p-6 border-b border-gray-200">
<h2 className="text-xl font-bold text-gray-800">{operationToEdit ? 'Edit Operation' : 'Add New Operation'}</h2> <h2 className="text-xl font-bold text-gray-800">{operationToEdit ? 'Edit Operation' : 'Add New Operation'}</h2>
<button onClick={resetForm} className="text-gray-400 hover:text-gray-600"> <button onClick={resetForm} className="text-gray-400 hover:text-gray-600">