fix: improve mobile view

ifpb · Oct 12, 2024 · a97056e · a97056e
1 parent 4fb7150
commit a97056e
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/src/components/CodeTree.astro b/src/components/CodeTree.astro
@@ -18,11 +18,11 @@ const { src, content, githubUrl, devContainerUrl } = Astro.props;
 const folder = src.split('/').at(-1);
 
 const githubLink = githubUrl
-  ? `<a href="${GITHUB_EDIT_URL + '/public' + src}" target="blank"><img class="inline" src="https://img.shields.io/badge/Open%20In%20GitHub-181717?style=for-the-badge&logo=github&logoColor=white" alt="Open in GitHub"></a>`
+  ? `<a href="${GITHUB_EDIT_URL + '/public' + src}" target="blank"><img class="inline m-0" src="https://img.shields.io/badge/Open%20In%20GitHub-181717?style=for-the-badge&logo=github&logoColor=white" alt="Open in GitHub"></a>`
   : '';
 
 const devContainerLink = devContainerUrl
-  ? `<a href="https://codespaces.new/ifpb/lp2?devcontainer_path=.devcontainer/${folder}/devcontainer.json" target="blank"><img class="inline" src="https://img.shields.io/badge/Open%20In%20Codespaces-181717?style=for-the-badge&logo=github&logoColor=white" alt="Open in Codespaces"></a>`
+  ? `<a href="https://codespaces.new/ifpb/lp2?devcontainer_path=.devcontainer/${folder}/devcontainer.json" target="blank"><img class="inline m-0" src="https://img.shields.io/badge/Open%20In%20Codespaces-181717?style=for-the-badge&logo=github&logoColor=white" alt="Open in Codespaces"></a>`
   : '';
 
 const codeTree = existsSync(resolve('./public' + src))

diff --git a/src/layouts/MarkDownLayout.astro b/src/layouts/MarkDownLayout.astro
@@ -60,7 +60,7 @@ const githubEditUrl = `${GITHUB_EDIT_URL}/src${file.split('/src').pop()}`;
       <Sidebar />
 
       <article
-        class="mx-auto py-8 max-sm:px-4 prose 2xl:prose-xl dark:prose-invert overflow-hidden"
+        class="mx-auto py-8 max-sm:px-4 max-sm:w-full prose 2xl:prose-xl dark:prose-invert overflow-hidden"
       >
         <slot />