[DO-560] Update page layout (#39)

* page layout updated
* horizontal scrolling fixed
* Optimize CSS logic

---------

Co-authored-by: Nikolay Dorofeev <[email protected]>

Author: StanG4313

assets/css/prose.css

@@ -16,6 +16,7 @@
 
 .gevamu-prose {
   @apply prose print:max-w-[100ch]
+    max-w-none w-full
     prose-headings:no-underline
     print:prose-pre:whitespace-normal
     marker:prose-ul:text-accent-200 marker:prose-ol:text-accent-700;

layouts/docs.vue

@@ -21,7 +21,7 @@
       class="fixed z-30 print:hidden"
     />
     <div
-      class="pt-24 print:pt-0 flex mx-auto w-fit print:w-full flex-col-reverse md:grid md:max-w-screen-xl md:w-full md:grid-cols-[1fr_auto] lg:grid-cols-[auto_1fr_auto] print:block"
+      class="pt-24 print:pt-0 flex mx-auto w-fit print:w-full flex-col-reverse md:grid md:max-w-screen-xl md:w-full md:grid-cols-[1fr_auto] lg:grid-cols-[auto_1fr_auto] lg:max-w-[1200px] print:block"
     >
       <aside
         class="w-72 px-3 fixed z-20 h-full bg-neutral-50 top-0 transition-all lg:h-auto lg:relative lg:bg-inherit lg:left-0 print:hidden"
@@ -55,7 +55,7 @@
         </LazyClientOnly>
         <slot />
       </main>
-      <aside class="px-4 md:px-0 md:w-72 print:hidden">
+      <aside class="px-4 md:px-0 md:w-72">
         <nav v-if="toc" class="md:sticky md:z-0 md:top-32 md:overflow-hidden">
           <h1 v-if="toc.links.length" class="text-neutral-500 mb-2">
             On this page:

pages/[...slug].vue

@@ -17,7 +17,7 @@
 <template>
   <EpPageMeta :doc="doc" />
   <NuxtLayout>
-    <div class="px-4 print:px-8 mt-10 mb-96 print:mb-0">
+    <div class="px-4 md:pr-6 print:px-8 mt-10 mb-96 print:mb-0">
       <article class="mb-10">
         <ContentRenderer v-if="doc && doc._type === 'markdown'" :value="doc">
           <ContentRendererMarkdown :value="doc" class="gevamu-prose" />