misskeyのボーダーを太めに

src/lib/components/Markdown.css

@@ -1,6 +1,11 @@
 .markdown {
     width: 100%;
 
+    &>* {
+        max-width: 100%;
+        overflow: scroll;
+    }
+
     & h1 {
         font-size: 2em;
         @media(width>999px){padding-top:50px;margin-top:0;}
@@ -36,10 +41,11 @@
     */
 
     & p {
-        margin: 0 1.5em;
+        margin: 0 0.5em;
         line-height: 2em;
-        @media (width<480px) {
+        @media (width>480px) {
-            margin: 0 .5em;
+            margin: 1em 2em;
+            font-size: 1.125em;
         }
     }
 
@@ -59,8 +65,8 @@
 
     & img {
         display: block;
-        width: 90%;
         margin: 1em auto;
+        max-height: 60vh;
     }
 
     & code {
@@ -91,24 +97,25 @@
     & table {
         margin: 1rem auto;
         font-size: 1.2em;
-        border-collapse:  collapse;
+        border-collapse: collapse;
 
-        & thead {
+        & thead tr {
             border-bottom: solid 1px var(--black-white);
         }
-        & tbody tr:nth-child(2n) {
+        & tbody tr {
-            background-color: color-mix(in srgb, var(--black-white) 10%, var(--back-color));
+            border-top: solid color-mix(in srgb, var(--black-white) 20%, var(--back-color)) 1px;
+            /* background-color: color-mix(in srgb, var(--black-white) 10%, var(--back-color)); */
         }
         & td,th {
             border-width: 0px;
-            padding: .3em .6em;
+            padding: .5em;
         }
     }
     & blockquote {
         position: relative;
         font-style: italic;
         width: fit-content;
-        padding: .5em 0;
+        padding: 1em;
         border-top: 1px solid var(--font-color);
         border-bottom: 1px solid var(--font-color);
 
@@ -172,7 +179,7 @@
         }
     }
     & math[display="block"] {
-            margin: 1rem;
+        margin: 1rem;
-            font-size: 1.5rem;
+        font-size: 1.5rem;
     }
 }

src/routes/(DefaultStyle)/[slug]/+page.svelte

@@ -1,8 +1,15 @@
 <script>
 	const { data } = $props();
 	import Postgrid from './grid.svelte'
+
+	import { base } from '$app/paths';
+	import { PUBLIC_HOSTNAME } from '$env/static/public';
 </script>
 
+<svelte:head>
+	<link rel="canonical" href="https://{PUBLIC_HOSTNAME}{base}/" />
+</svelte:head>
+
 
 <div class='contain'>
 	<div class="posts">

src/routes/(DefaultStyle)/post/[slug]/+page.svelte

@@ -89,7 +89,7 @@
 					<Toc toclist={data.heading}></Toc>
 				</div>
 			{/if}
-			<div class="mi-posts js" style="border: solid #8882 1px; height: 320px">
+			<div class="mi-posts js" style="border: solid #8884 1px; height: 320px">
 				<iframe src="https://mi.moris.day/embed/user-timeline/9w7bhjzt2b5z0001?maxHeight=320&rounded=false&border=false" title="moris's posts" loading="lazy" style="border:none; width:100%; height:100%;"></iframe>
 			</div>
 		</div>