Update Tailwind config files

Author: emmadesilva

packages/hyde/tailwind.config.js

@@ -50,14 +50,18 @@ module.exports = {
                                 content: 'unset',
                             },
                         },
-                        code: {
+                        'code:not(pre code)': {
                             font: 'unset',
                             backgroundColor: '#80808033',
                             paddingLeft: '4px',
                             paddingRight: '4px',
                             marginLeft: '-2px',
                             marginRight: '1px',
-                            borderRadius: '4px'
+                            borderRadius: '4px',
+                            maxWidth: '80vw',
+                            overflowX: 'auto',
+                            verticalAlign: 'top',
+                            wordBreak: 'break-all'
                         },
                         'code::before': {
                             content: 'unset',
@@ -66,10 +70,15 @@ module.exports = {
                             content: 'unset',
                         },
                         pre: {
+                            backgroundColor: '#292D3E',
+                            borderRadius: '0.25rem',
+                            marginTop: '1rem',
+                            marginBottom: '1rem',
+                            overflowX: 'auto',
                             code: {
                                 fontFamily: "'Fira Code Regular', Consolas, Monospace, 'Courier New'",
-                            }
-                        }
+                            },
+                        },
                     },
                 },
                 invert: {

tailwind.config.js

@@ -100,6 +100,7 @@ module.exports = {
         },
     },
 
+    // Safelist should NOT be copied to packages/hyde. It's purely for the monorepo.
     safelist: [
         'prose',
         'dark:prose-invert',