← All changes
|
backend/views/components/Main/components/FooterButtons.jsx
+9
-9
1.4.4
→
1.4.19
View file →
| @@ -19,16 +19,16 @@ | ||
| 19 | 19 | }) => { |
| 20 | 20 | if (disabled) return null; |
| 21 | 21 | |
| 22 | 22 | return ( |
| 23 | - <div className="disco-bg-white disco-flex disco-justify-between disco-shadow-[0_-3px_10px_5px_rgba(0,0,0,0.05)] disco-border-t disco-z-40 disco-border-gray-200 disco-py-2.5 disco-px-5 disco-items-center disco-gap-3 disco-mt-4 disco-sticky disco-bottom-0"> | |
| 23 | + <div className="disco:bg-white disco:flex disco:justify-between disco:items-center disco:shadow-[0_-3px_10px_5px_rgba(0,0,0,0.05)] disco:border-t disco:z-40 disco:border-gray-200 disco:py-2.5 disco:px-5 disco:gap-3 disco:mt-4 disco:sticky disco:bottom-0"> | |
| 24 | 24 | {cancel ? ( |
| 25 | 25 | <Link to="/"> |
| 26 | 26 | <Button |
| 27 | - className="!disco-py-2 !disco-px-2.5 !disco-font-normal disco-border !disco-border-red-500" | |
| 27 | + className="disco:py-2! disco:px-2.5! disco:font-normal! disco:border disco:border-red-500!" | |
| 28 | 28 | type="transparent" |
| 29 | 29 | icon={ |
| 30 | - <XCircleIcon className="disco-h-5 disco-w-5 !disco-text-red-500" /> | |
| 30 | + <XCircleIcon className="disco:h-5 disco:w-5 disco:text-red-500!" /> | |
| 31 | 31 | } |
| 32 | 32 | > |
| 33 | 33 | {__('Cancel', 'disco')} |
| 34 | 34 | </Button> |
| @@ -34,13 +34,13 @@ | ||
| 34 | 34 | </Button> |
| 35 | 35 | </Link> |
| 36 | 36 | ) : ( |
| 37 | 37 | <Button |
| 38 | - className="!disco-py-2 !disco-px-2.5 !disco-font-normal" | |
| 38 | + className="disco:py-2! disco:px-2.5! disco:font-normal!" | |
| 39 | 39 | onClick={handleBack} |
| 40 | 40 | type="transparent" |
| 41 | 41 | icon={ |
| 42 | - <ArrowLongLeftIcon className="disco-h-4 disco-w-4 disco-text-primary" /> | |
| 42 | + <ArrowLongLeftIcon className="disco:h-4 disco:w-4 disco:text-primary" /> | |
| 43 | 43 | } |
| 44 | 44 | > |
| 45 | 45 | {__('Back to Campaign', 'disco')} |
| 46 | 46 | </Button> |
| @@ -45,13 +45,13 @@ | ||
| 45 | 45 | {__('Back to Campaign', 'disco')} |
| 46 | 46 | </Button> |
| 47 | 47 | )} |
| 48 | 48 | |
| 49 | - <div className="disco-flex disco-gap-2"> | |
| 49 | + <div className="disco:flex disco:items-center disco:gap-2"> | |
| 50 | 50 | <SaveAndExitButton /> |
| 51 | 51 | {next && ( |
| 52 | 52 | <Button |
| 53 | - className="!disco-py-1.5 !disco-px-4 !disco-font-normal" | |
| 53 | + className="disco:py-1.5! disco:px-4! disco:font-normal!" | |
| 54 | 54 | type="primary" |
| 55 | 55 | onClick={handleContinue} |
| 56 | 56 | disabled={disabled || loading} |
| 57 | 57 | iconPositionLeft={false} |
| @@ -56,14 +56,14 @@ | ||
| 56 | 56 | disabled={disabled || loading} |
| 57 | 57 | iconPositionLeft={false} |
| 58 | 58 | icon={ |
| 59 | 59 | !loading && ( |
| 60 | - <ArrowLongRightIcon className="disco-h-4 disco-w-4 disco-text-white" /> | |
| 60 | + <ArrowLongRightIcon className="disco:h-4 disco:w-4 disco:text-white" /> | |
| 61 | 61 | ) |
| 62 | 62 | } |
| 63 | 63 | > |
| 64 | 64 | {loading ? ( |
| 65 | - <div className="disco-flex disco-gap-2 disco-items-center"> | |
| 65 | + <div className="disco:flex disco:gap-2 disco:items-center"> | |
| 66 | 66 | <span>{__('Saving', 'disco')}</span> |
| 67 | 67 | <LoadingSpinner size={4} /> |
| 68 | 68 | </div> |
| 69 | 69 | ) : ( |