← All changes
|
backend/views/components/Analytics/components/ui-blocks/ProLockOverlay.jsx
+12
-12
1.4.4
→
1.4.19
View file →
| @@ -27,10 +27,10 @@ | ||
| 27 | 27 | title, |
| 28 | 28 | description, |
| 29 | 29 | showIcon = false, |
| 30 | 30 | size = 'default', |
| 31 | - position = 'disco-inset-0', | |
| 32 | - rounded = 'disco-rounded-[10px]', | |
| 31 | + position = 'disco:inset-0', | |
| 32 | + rounded = 'disco:rounded-[10px]', | |
| 33 | 33 | className, |
| 34 | 34 | style, |
| 35 | 35 | titleClassName, |
| 36 | 36 | }) => { |
| @@ -39,9 +39,9 @@ | ||
| 39 | 39 | return ( |
| 40 | 40 | <div |
| 41 | 41 | style={style} |
| 42 | 42 | className={cn( |
| 43 | - 'disco-absolute disco-z-10 disco-flex disco-flex-col disco-items-center disco-justify-center disco-gap-3 disco-bg-white/80 disco-px-6 disco-text-center disco-backdrop-blur-[2px]', | |
| 43 | + 'disco:absolute disco:z-10 disco:flex disco:flex-col disco:items-center disco:justify-center disco:gap-3 disco:bg-white/80 disco:px-6 disco:text-center disco:backdrop-blur-[2px]', | |
| 44 | 44 | position, |
| 45 | 45 | rounded, |
| 46 | 46 | className |
| 47 | 47 | )} |
| @@ -46,14 +46,14 @@ | ||
| 46 | 46 | className |
| 47 | 47 | )} |
| 48 | 48 | > |
| 49 | 49 | {(showIcon || title || description) && ( |
| 50 | - <div className="disco-flex disco-flex-col disco-items-center disco-gap-1.5"> | |
| 50 | + <div className="disco:flex disco:flex-col disco:items-center disco:gap-1.5"> | |
| 51 | 51 | {(showIcon || title) && ( |
| 52 | - <div className="disco-flex disco-items-center disco-gap-2"> | |
| 52 | + <div className="disco:flex disco:items-center disco:gap-2"> | |
| 53 | 53 | {showIcon && ( |
| 54 | 54 | <Lock |
| 55 | - className="disco-size-[18px] disco-text-[#1f2937]" | |
| 55 | + className="disco:size-[18px] disco:text-[#1f2937]" | |
| 56 | 56 | strokeWidth={2.5} |
| 57 | 57 | /> |
| 58 | 58 | )} |
| 59 | 59 | {title && ( |
| @@ -58,13 +58,13 @@ | ||
| 58 | 58 | )} |
| 59 | 59 | {title && ( |
| 60 | 60 | <p |
| 61 | 61 | className={cn( |
| 62 | - 'disco-text-[#1f2937]', | |
| 62 | + 'disco:text-[#1f2937]', | |
| 63 | 63 | titleClassName ?? |
| 64 | 64 | (isLg |
| 65 | - ? 'disco-text-2xl disco-font-bold disco-tracking-tight' | |
| 66 | - : 'disco-text-base disco-font-medium') | |
| 65 | + ? 'disco:text-2xl disco:font-bold disco:tracking-tight' | |
| 66 | + : 'disco:text-base disco:font-medium') | |
| 67 | 67 | )} |
| 68 | 68 | > |
| 69 | 69 | {title} |
| 70 | 70 | </p> |
| @@ -71,9 +71,9 @@ | ||
| 71 | 71 | )} |
| 72 | 72 | </div> |
| 73 | 73 | )} |
| 74 | 74 | {description && ( |
| 75 | - <p className="disco-max-w-md disco-text-sm disco-text-[#6b7280]"> | |
| 75 | + <p className="disco:max-w-md disco:text-sm disco:text-[#6b7280]"> | |
| 76 | 76 | {description} |
| 77 | 77 | </p> |
| 78 | 78 | )} |
| 79 | 79 | </div> |
| @@ -80,10 +80,10 @@ | ||
| 80 | 80 | )} |
| 81 | 81 | <Button |
| 82 | 82 | onClick={() => window.open(PRICING_URL, '_blank')} |
| 83 | 83 | className={cn( |
| 84 | - 'disco-rounded disco-bg-primary disco-font-semibold disco-text-white disco-shadow-[3px_4px_2px_rgba(0,0,0,0.07)] hover:disco-bg-primary-dark', | |
| 85 | - isLg && 'disco-h-auto disco-px-6 disco-py-3 disco-text-base' | |
| 84 | + 'disco:rounded disco:bg-primary disco:font-semibold disco:text-white disco:shadow-[3px_4px_2px_rgba(0,0,0,0.07)] disco:hover:bg-primary-dark', | |
| 85 | + isLg && 'disco:h-auto disco:px-6 disco:py-3 disco:text-base' | |
| 86 | 86 | )} |
| 87 | 87 | > |
| 88 | 88 | {label} |
| 89 | 89 | </Button> |