Fixed stuff probably

src/components/Markdown/Markdawn.tsx

@@ -27,7 +27,11 @@ export function Markdawn(props: Props): JSX.Element {
   const [openLightBox, LightBox] = useLightBox();
 
   // eslint-disable-next-line no-irregular-whitespace
-  const text = useMemo(() => `${preprocessMarkDawn(rawText)}​`, [rawText]);
+  const text = useMemo(
+    () => `${preprocessMarkDawn(rawText)}
+  ​`,
+    [rawText]
+  );
 
   if (text) {
     return (
@@ -264,7 +268,7 @@ export function Markdawn(props: Props): JSX.Element {
                   name?: string;
                 }) => (
                   <div
-                    className="my-8 grid cursor-pointer place-content-center"
+                    className="mt-8 mb-12 grid cursor-pointer place-content-center"
                     onClick={() => {
                       openLightBox([
                         compProps.src.startsWith("/uploads/")
@@ -280,6 +284,7 @@ export function Markdawn(props: Props): JSX.Element {
                           : compProps.src
                       }
                       quality={ImageQuality.Medium}
+                      className="drop-shadow-shade-lg"
                     ></Img>
                   </div>
                 ),

src/pages/contents/[slug]/index.tsx

@@ -231,6 +231,7 @@ export default function Content(props: Props): JSX.Element {
                               libraryItem.attributes.thumbnail?.data?.attributes
                             }
                             thumbnailAspectRatio="21/29.7"
+                            thumbnailRounded={false}
                             topChips={
                               libraryItem.attributes.metadata &&
                               libraryItem.attributes.metadata.length > 0 &&

src/pages/contents/index.tsx

@@ -57,9 +57,14 @@ export default function Contents(props: Props): JSX.Element {
   );
   const [searchName, setSearchName] = useState(defaultFiltersState.searchName);
 
+  const effectiveCombineRelatedContent = useMemo(
+    () => (searchName.length > 1 ? false : combineRelatedContent),
+    [combineRelatedContent, searchName.length]
+  );
+
   const filteredItems = useMemo(
-    () => filterContents(contents, combineRelatedContent, searchName),
-    [combineRelatedContent, contents, searchName]
+    () => filterContents(contents, effectiveCombineRelatedContent, searchName),
+    [effectiveCombineRelatedContent, contents, searchName]
   );
 
   const groups = useMemo(
@@ -67,11 +72,6 @@ export default function Contents(props: Props): JSX.Element {
     [langui, groupingMethod, filteredItems]
   );
 
-  const effectiveCombineRelatedContent = useMemo(
-    () => (searchName.length > 1 ? false : combineRelatedContent),
-    [combineRelatedContent, searchName.length]
-  );
-
   const subPanel = useMemo(
     () => (
       <SubPanel>

src/tailwind.css

@@ -114,14 +114,14 @@ mark {
   @apply text-dark;
 }
 
-.formatted blockquote {
-  @apply border-l-dark;
-}
-
 .formatted code {
   @apply font-mono;
 }
 
+.formatted pre > code {
+  @apply block whitespace-pre;
+}
+
 .formatted ul {
   @apply list-disc pl-4;
 }