fix: adjust styling for screen sizes

Signed-off-by: tylerslaton <[email protected]>
gptscript-ai · Mar 14, 2024 · 280fdec · 280fdec
1 parent 6abe18d
commit 280fdec
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/src/pages/[...slug].vue b/src/pages/[...slug].vue
@@ -1,7 +1,7 @@
 <template>
     <div> 
-        <div v-if="!error.status && !loading" class="flex">
-            <div class="prose my-28 mx-auto px-20 w-max">
+        <div v-if="!error.status && !loading">
+            <div class="prose my-28 mx-auto px-20 w-full md:w-3/4 lg:w-1/2 max-w-full">
                 <header class="mb-10">
                     <h1 class="mb-0">{{ header }}</h1>
                     <a :v-if="!isSysTool" :href="`https://${reference}`" target="_blank" class="text-blue-500 underline">{{ reference }}</a>