Fix Styling for Smaller Screens

njfdev · Aug 17, 2024 · 916cf1f · 916cf1f
1 parent 75a8939
commit 916cf1f
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 1 deletion.
diff --git a/src/app/docs/page.tsx b/src/app/docs/page.tsx
@@ -731,7 +731,7 @@ function TryYourselfAPIBlock({
 
   return (
     <div className="flex flex-col gap-1">
-      <div className="flex gap-1 w-full *:grow">
+      <div className="flex sm:flex-row flex-col gap-1 w-full *:grow">
         {parameters.map((parameter) => {
           return (
             <Button

diff --git a/src/app/globals.css b/src/app/globals.css
@@ -67,3 +67,11 @@
     @apply bg-background text-foreground;
   }
 }
+
+pre {
+  overflow-y: scroll;
+}
+
+code {
+  word-wrap: break-word;
+}