Bugfix: pre width; other menu for articles

src/layouts/BlogLayout.astro

@@ -6,16 +6,21 @@ import MenuItem from "../components/MenuItem.astro";
 export interface Props {
     title: string;
     description: string;
+    article?: boolean;
 }
 
-const { title, description } = Astro.props;
+const { title, description, article = false } = Astro.props;
 ---
 
 <Layout title={"Blog | " + title} description={description}>
     <slot name="metadata" slot="metadata" />
     <Menu>
-        <MenuItem name="Home" icon="&#xf104;" link="/" />
-        <MenuItem name="Articles" icon="&#xf015;" link="/blog" />
+        {
+            !article ?
+            <MenuItem name="Home" icon="&#xf104;" link="/" />
+            <MenuItem name="Articles" icon="&#xf1ea;" link="/blog" /> :
+            <MenuItem name="Articles" icon="&#xf104;" link="/blog" />
+        }
         <MenuItem name="Shorts" icon="&#xf0e7;" link="/blog/shorts" />
         <MenuItem name="Random" icon="&#xf522;" link="/blog/random" />
         <MenuItem name="Search" icon="&#xf002;" link="/blog/search" />

src/layouts/Layout.astro

@@ -34,7 +34,7 @@ const { title, description } = Astro.props;
 		padding: 0;
 
 		box-sizing: border-box;
-		padding: 0 0.5rem;
+		padding: 0 @body-padding;
 
 		background: var(--bg);
 		color: var(--fg);
@@ -46,8 +46,12 @@ const { title, description } = Astro.props;
 
 	main  {
 		margin: auto;
-		padding: 0.25rem;
+		padding: @main-padding;
 		max-width: @max-width;
+		/*
+		width: 100%;
+		overflow-x: hidden;
+		*/
 	}
 
 	article {

src/pages/blog/[slug].astro

@@ -26,7 +26,7 @@ const {
 const locale = 'ru-RU';
 ---
 
-<BlogLayout title={title} description={description}>
+<BlogLayout title={title} description={description} article={true}>
     <Fragment slot="metadata">
         <meta property="og:type" content="article" />
         <meta property="og:title" content={title} />
@@ -50,6 +50,8 @@ const locale = 'ru-RU';
 </BlogLayout>
 
 <style lang="less" is:global>
+    @import "/src/styles/max_width.less";
+
     article {
         & > h1:first-of-type {
             display: none;
@@ -83,6 +85,9 @@ const locale = 'ru-RU';
     }
 
     pre {
+        max-width: calc(100vw - @body-padding * 2 - @main-padding * 2) !important;
+        box-sizing: border-box;
+
         padding: 1rem;
         border-radius: var(--bdrs);
 

src/styles/max_width.less

@@ -1 +1,3 @@
 @max-width: 800px;
+@body-padding: 0.5rem;
+@main-padding: 0.25rem;