Moving modal outside of content
All checks were successful
Music Collection CI Workflow / test (./backend) (push) Successful in 21s
Music Collection CI Workflow / test (./frontend) (push) Successful in 19s
Music Collection CI Workflow / build-and-push-images (./backend/Dockerfile, git.anatid.net/tabris/msuic-collection-backend, ./backend) (push) Successful in 48s
Music Collection CI Workflow / build-and-push-images (./frontend/Dockerfile, git.anatid.net/tabris/music-collection-frontend, ./frontend) (push) Successful in 1m14s
Music Collection CI Workflow / deploy (push) Successful in 23s

This commit is contained in:
Phill Pover 2025-04-06 17:15:11 +01:00
parent 3249d2f619
commit 8ad6814b86

View File

@ -40,6 +40,7 @@ export default function Page() {
if (!albums) return <div>Loading...</div> if (!albums) return <div>Loading...</div>
return ( return (
<>
<div className="container"> <div className="container">
<Button variant="primary" onClick={handleShow}> <Button variant="primary" onClick={handleShow}>
Add Album Add Album
@ -74,6 +75,9 @@ export default function Page() {
))} ))}
</tbody> </tbody>
</table> </table>
</div>
<Modal <Modal
show={show} show={show}
onHide={handleClose} onHide={handleClose}
@ -84,7 +88,7 @@ export default function Page() {
<Modal.Title>Create Album</Modal.Title> <Modal.Title>Create Album</Modal.Title>
</Modal.Header> </Modal.Header>
<Modal.Body> <Modal.Body>
<div className="container"> <div>
<form onSubmit={onSubmit}> <form onSubmit={onSubmit}>
<div className="row"> <div className="row">
<div className="six columns"> <div className="six columns">
@ -117,6 +121,6 @@ export default function Page() {
<Button variant="primary">Create</Button> <Button variant="primary">Create</Button>
</Modal.Footer> </Modal.Footer>
</Modal> </Modal>
</div> </>
); );
} }