Commit `1fb4dae`

HPCesia <me@hpcesia.com>

2025-03-14 10:53:37

fix: aside width

If main content has a code block with very long line, aside content's width will be very narrow. This commit fix that.

master

1 parent 0a315d4

Changed files (1)

src

layouts

MainLayout.astro

@@ -28,15 +28,15 @@ const { title, description, lang, banner } = Astro.props;
       <slot name="header-content" />
     </div>
     <div class="flex gap-4">
-      <div id="main-content" class="my-4 w-full">
+      <div id="main-content" class="my-4 w-full xl:max-w-[calc(100%-17rem)]">
         <slot />
       </div>
-      <div id="aside-content" class="my-4 flex w-96 flex-col gap-4 max-xl:hidden">
+      <aside id="aside-content" class="my-4 flex w-64 min-w-64 flex-col gap-4 max-xl:hidden">
         <slot name="aside-fixed" />
         <div class="sticky top-20 flex flex-col gap-4">
           <slot name="aside-sticky" />
         </div>
-      </div>
+      </aside>
     </div>
   </main>
 </GlobalLayout>

Commit 1fb4dae

Commit `1fb4dae`