CodeBlock now adapts to different screen sizes

LyonSyonII · Nov 16, 2023 · 28eca14 · 28eca14
1 parent d8887c0
commit 28eca14
Showing 1 changed file with 5 additions and 2 deletions.
diff --git a/src/components/CodeBlock.svelte b/src/components/CodeBlock.svelte
@@ -129,20 +129,23 @@
     margin: 0rem;
 
     font-size: 0.9rem;
-    grid-template-columns: 80% 32px 32px;
+    grid-template-columns: 80% auto auto;
   }
   @media only screen and (min-width: 768px) {
     .wrapper {
       font-size: 1rem;
       grid-template-columns: 90% auto auto;
     }
+    button {
+      margin-left: 0.5rem;
+    }
   }
   button {
     background-color: rgba(0, 0, 0, 0);
     color: var(--sl-color-white);
     cursor: pointer;
     border: 0px;
-    margin-left: 0.5rem;
+    margin-left: 0rem;
     padding-bottom: 0px;
     height: fit-content;
     transition: color 0.25s ease;