crazy pre code block formatting issues

headshed-dev · Dec 22, 2023 · 0cb86b8 · 0cb86b8
1 parent 031a5aa
commit 0cb86b8
Show file tree

Hide file tree

Showing 3 changed files with 22 additions and 11 deletions.
diff --git a/public/images/wiki-js-install.webp b/public/images/wiki-js-install.webp
diff --git a/src/layouts/CustomMarkdown.astro b/src/layouts/CustomMarkdown.astro
@@ -69,10 +69,11 @@ console.log(imgPath);
             <container class="markdown">
               <div
                 class="prose dark:prose-invert
-                prose-h1:font-bold prose-h1:text-2xl
-                prose-h2:font-bold prose-h2:text-xl
-                prose-a:text-red-600 prose-p:text-justify prose-img:rounded-xl
-                  prose-headings:bold"
+              prose-h1:font-bold prose-h1:text-2xl
+              prose-h2:font-bold prose-h2:text-xl
+              prose-a:text-red-800 prose-p:text-justify prose-img:rounded-xl
+              prose-img:shadow-xl prose-img:my-10 prose-img:mx-auto prose-img:pb-10
+              prose-img:max-w-full prose-img:h-auto"
               >
                 <slot />
               </div>
@@ -105,15 +106,28 @@ console.log(imgPath);
         footer {
           position: relative;
         }
-      } 
+      }
     </style>
 
     <style is:inline>
-      .markdown pre {
+      pre {
+        font-family: Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace;
+        overflow-x: auto; 
         border-radius: 0.25rem;
         padding: 1rem;
-        overflow-x: scroll;
-        white-space: pre-wrap;
+        overflow: scroll;
+        /* white-space: pre-wrap; */
+        box-sizing: border-box;
+        margin-left: auto;
+    margin-right: auto;
+
+      }
+
+      @media screen and (max-width: 480px) {
+        pre {
+          white-space: normal;
+          padding: 0.5rem;
+        }
       }
     </style>
   </body>

diff --git a/src/pages/uploadz/docker-desktop-environments.md b/src/pages/uploadz/docker-desktop-environments.md
@@ -79,15 +79,12 @@ then run the script
 
 ```bash
 sh run.sh
-025ee830474d95178e330f61192ebec4032891e913aebe8d24a4de9c26a82b2a
 ```
 
 the container is now running and we can check this with
 
 ```
 ❯ docker ps
-CONTAINER ID   IMAGE                                COMMAND   CREATED          STATUS          PORTS                    NAMES
-025ee830474d   lscr.io/linuxserver/wikijs:2.5.300   "/init"   57 seconds ago   Up 56 seconds   0.0.0.0:3000->3000/tcp   wikijs
 ```
 
 we will also see that there are 2 directories created in the current directory, `config` and `data` and these are where the configuration and data for the container are stored