refactor(web/notifications): increase description font size if no title

overextended · Jan 11, 2023 · b8e9602 · b8e9602
1 parent 9a92729
commit b8e9602
Showing 1 changed file with 10 additions and 1 deletion.
diff --git a/web/src/features/notifications/NotificationWrapper.tsx b/web/src/features/notifications/NotificationWrapper.tsx
@@ -47,6 +47,11 @@ const useStyles = createStyles((theme) => ({
     color: theme.colors.dark[2],
     fontFamily: 'Roboto',
   },
+  descriptionOnly: {
+    fontSize: 14,
+    color: theme.colors.dark[2],
+    fontFamily: 'Roboto',
+  },
 }));
 
 // I hate this
@@ -174,7 +179,11 @@ const Notifications: React.FC = () => {
             )}
             <Stack spacing={0}>
               {data.title && <Text className={classes.title}>{data.title}</Text>}
-              {data.description && <ReactMarkdown className={classes.description}>{data.description}</ReactMarkdown>}
+              {data.description && (
+                <ReactMarkdown className={!data.title ? classes.descriptionOnly : classes.description}>
+                  {data.description}
+                </ReactMarkdown>
+              )}
             </Stack>
           </Group>
         </Box>