diff --git a/src/Campaigns/resources/admin/components/CampaignFormModal/CampaignFormModal.module.scss b/src/Campaigns/resources/admin/components/CampaignFormModal/CampaignFormModal.module.scss index ca7e91b376..fccff16d42 100644 --- a/src/Campaigns/resources/admin/components/CampaignFormModal/CampaignFormModal.module.scss +++ b/src/Campaigns/resources/admin/components/CampaignFormModal/CampaignFormModal.module.scss @@ -104,5 +104,17 @@ } } +.button:is(:global(.button)) { + border-radius: var(--givewp-rounded-8) +} +.previousButton:is(:global(.button)) { + background-color: transparent; + border: solid 1px #9ca0af; + color: #060c1a; + &:hover { + border: solid 1px #9ca0af; + color: #060c1a; + } +} diff --git a/src/Campaigns/resources/admin/components/CampaignFormModal/index.tsx b/src/Campaigns/resources/admin/components/CampaignFormModal/index.tsx index 7ef8238a69..d57f93a192 100644 --- a/src/Campaigns/resources/admin/components/CampaignFormModal/index.tsx +++ b/src/Campaigns/resources/admin/components/CampaignFormModal/index.tsx @@ -9,7 +9,7 @@ import { GoalInputAttributes, GoalTypeOption as GoalTypeOptionType, } from './types'; -import {useEffect, useRef, useState} from 'react'; +import {useRef, useState} from 'react'; import {Currency, Upload} from '../Inputs'; import { AmountFromSubscriptionsIcon, @@ -146,7 +146,7 @@ export default function CampaignFormModal({isOpen, handleClose, apiSettings, tit const goal = watch('goal'); const getFormModalTitle = () => { - switch(step) { + switch (step) { case 1: return __('Tell us about your fundraising cause', 'give'); case 2: @@ -154,7 +154,7 @@ export default function CampaignFormModal({isOpen, handleClose, apiSettings, tit } return null; - } + }; const goalInputAttributes: {[selectedGoalType: string]: GoalInputAttributes} = { amount: { @@ -423,14 +423,23 @@ export default function CampaignFormModal({isOpen, handleClose, apiSettings, tit */} -