From 14645987050b30c7281f149a11c90bdf3ef46014 Mon Sep 17 00:00:00 2001 From: chaniBenziman Date: Wed, 27 Nov 2024 12:38:37 +0200 Subject: [PATCH 1/2] improve_accessibility --- src/pages/DonateModal/DonateModal.scss | 16 ++++++++++++++++ src/pages/DonateModal/DonateModal.tsx | 13 +++++++++---- 2 files changed, 25 insertions(+), 4 deletions(-) create mode 100644 src/pages/DonateModal/DonateModal.scss diff --git a/src/pages/DonateModal/DonateModal.scss b/src/pages/DonateModal/DonateModal.scss new file mode 100644 index 00000000..816db86c --- /dev/null +++ b/src/pages/DonateModal/DonateModal.scss @@ -0,0 +1,16 @@ +.donate-button { + display: inline-block; + background-color: #007BFF; + color: white; + padding: 10px 20px; + font-size: 16px; + font-family: Arial, sans-serif; + text-decoration: none; + border-radius: 5px; + transition: background-color 0.3s; + } + + .donate-button:hover { + background-color: #0056b3; + } + \ No newline at end of file diff --git a/src/pages/DonateModal/DonateModal.tsx b/src/pages/DonateModal/DonateModal.tsx index d6023a26..3443a357 100644 --- a/src/pages/DonateModal/DonateModal.tsx +++ b/src/pages/DonateModal/DonateModal.tsx @@ -1,6 +1,7 @@ import React from 'react' import { Box, Grid, Modal, Typography } from '@mui/material' import i18n from 'src/locale/allTranslations' +import './DonateModal.scss' interface DonateModalProps { isVisible: boolean @@ -57,10 +58,14 @@ export const DonateModal: React.FC = ({ isVisible, onClose }) src="https://www.hasadna.org.il/wp-content/uploads/2017/12/%D7%AA%D7%A8%D7%95%D7%9E%D7%95%D7%AA.jpg" alt="קישור לתרומה" /> - תרום עכשיו + + לתרום לסדנא → + From 6725db8bc5058aa6385a82cc5c0ede0e2eb2f664 Mon Sep 17 00:00:00 2001 From: chaniBenziman Date: Wed, 4 Dec 2024 18:15:58 +0200 Subject: [PATCH 2/2] change_arrow --- src/pages/DonateModal/DonateModal.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/pages/DonateModal/DonateModal.tsx b/src/pages/DonateModal/DonateModal.tsx index 3443a357..4bde5485 100644 --- a/src/pages/DonateModal/DonateModal.tsx +++ b/src/pages/DonateModal/DonateModal.tsx @@ -64,7 +64,7 @@ export const DonateModal: React.FC = ({ isVisible, onClose }) rel="noreferrer" className="donate-button" > - לתרום לסדנא → + לתרום לסדנא ←