💄 Fix article-menu width responsivity

GuiDevloper · GuiDevloper · commit d71d09d93c19 · 2022-02-07T00:57:20.000-03:00
diff --git a/src/Article.njs b/src/Article.njs
@@ -99,10 +99,10 @@ class Article extends Nullstack {
           class={`transition delay-300 fixed bottom-10 right-10 bg-pink-600 text-white shadow-xl rounded-full py-2 px-4 z-50 md:hidden ring-0 transform ${this.expanded ? 'rotate-180 transform' : ''}`}>
           <Arrow size={20} />
         </button>
-        <aside class={`w-full md:w-80 fixed top-0 left-0 md:relative z-40 md:z-auto bg-white dark:bg-gray-900 h-screen md:h-auto p-4 overflow-y-auto md:p-0 md:pr-4 transform pb-24 sm:pb-0 transition sm:transition-none delay-500 delay-0 ${this.expanded ? 'translate-y-0' : 'translate-y-full md:translate-y-0'}`}>
+        <aside class={`w-full md:w-3/12 fixed top-0 left-0 md:relative z-40 md:z-auto bg-white dark:bg-gray-900 h-screen md:h-auto p-4 overflow-y-auto md:p-0 md:pr-4 transform pb-24 sm:pb-0 transition sm:transition-none delay-500 delay-0 ${this.expanded ? 'translate-y-0' : 'translate-y-full md:translate-y-0'}`}>
           {this.topics?.map((topic) => <Topic {...topic} />)}
         </aside>
-        <article class="w-full pb-24">
+        <article class="w-full md:w-9/12 pb-24">
           <h1 class="text-pink-600 text-4xl font-light block mb-8"> {this.title} </h1>
           <div html={this.html} class="prose dark:prose-dark max-w-none" />
         </article>
