Merge branch 'dev' into IN-945-service-edit-page

weareinreach · Mar 13, 2024 · e41abf4 · e41abf4
2 parents 93b5586 + 7ae6be7
commit e41abf4
Show file tree

Hide file tree

Showing 3 changed files with 27 additions and 4 deletions.
diff --git a/packages/ui/components/core/Badge/Community.tsx b/packages/ui/components/core/Badge/Community.tsx
@@ -8,7 +8,7 @@ import { useSharedStyles } from './styles'
 
 export const _Community = forwardRef<HTMLDivElement, BadgeCommunityProps>(
 	({ icon, hideTooltip, children, ...props }, ref) => {
-		const { classes } = useSharedStyles('leader')
+		const { classes } = useSharedStyles('community')
 		const { t } = useTranslation('common')
 		const variants = useCustomVariant()
 

diff --git a/packages/ui/components/core/Badge/styles.ts b/packages/ui/components/core/Badge/styles.ts
@@ -48,6 +48,27 @@ export const useSharedStyles = (variant: SharedStyles) => {
 					},
 				}
 			}
+			case 'community': {
+				return {
+					root: {
+						backgroundColor: theme.other.colors.secondary.white,
+						borderColor: theme.other.colors.tertiary.coolGray,
+					},
+					inner: {
+						fontSize: theme.fontSizes.sm,
+						[theme.fn.largerThan('sm')]: {
+							fontSize: theme.fontSizes.md,
+						},
+					},
+					leftSection: {
+						fontSize: theme.fontSizes.sm,
+						marginRight: rem(6),
+						[theme.fn.largerThan('sm')]: {
+							fontSize: theme.fontSizes.md,
+						},
+					},
+				}
+			}
 			case 'privatePractice':
 			case 'claimed':
 			case 'unclaimed':
@@ -98,6 +119,7 @@ export const useSharedStyles = (variant: SharedStyles) => {
 type SharedStyles =
 	| 'national'
 	| 'leader'
+	| 'community'
 	| 'privatePractice'
 	| 'claimed'
 	| 'unclaimed'

diff --git a/packages/ui/theme/common.tsx b/packages/ui/theme/common.tsx
@@ -533,9 +533,10 @@ export const commonTheme = {
 					content: {
 						padding: '0px !important',
 						maxWidth: rem(600),
-						// [theme.fn.largerThan('sm')]: {
-						// 	minWidth: em(600),
-						// },
+						minWidth: '90vw',
+						[theme.fn.largerThan('sm')]: {
+							minWidth: em(600),
+						},
 					},
 					header: {
 						margin: 0,