From 20cbf7b432fe6e2df1e8b65c6c9e68c9c4ea872e Mon Sep 17 00:00:00 2001
From: Kamran Ahmed <kamranahmed.se@gmail.com>
Date: Thu, 5 Jan 2023 03:34:11 +0400
Subject: [PATCH] Fix broken styles

---
 src/components/Loader.astro | 9 ++++++---
 src/icons/spinner.svg       | 5 ++++-
 src/styles/prism.css        | 5 +++++
 3 files changed, 15 insertions(+), 4 deletions(-)

diff --git a/src/components/Loader.astro b/src/components/Loader.astro
index 8b20a9032..3e5406533 100644
--- a/src/components/Loader.astro
+++ b/src/components/Loader.astro
@@ -1,7 +1,10 @@
 ---
-import Icon from "./Icon.astro";
+import Icon from './Icon.astro';
 ---
 
-<div class="flex justify-center w-full">
-  <Icon icon="spinner" />
+<div class='flex justify-center w-full'>
+  <Icon
+    icon='spinner'
+    class='h-6 w-6 sm:w-12 sm:h-12 text-gray-200 animate-spin fill-blue-600'
+  />
 </div>
diff --git a/src/icons/spinner.svg b/src/icons/spinner.svg
index fc0f6d6a4..fc17f519e 100644
--- a/src/icons/spinner.svg
+++ b/src/icons/spinner.svg
@@ -1 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 93 93" fill="none" xmlns:v="https://vecta.io/nano"><path fill-rule="evenodd" d="M46.5 93C72.181 93 93 72.181 93 46.5S72.181 0 46.5 0 0 20.819 0 46.5 20.819 93 46.5 93zm0-16C63.345 77 77 63.345 77 46.5S63.345 16 46.5 16 16 29.655 16 46.5 29.655 77 46.5 77z" fill="#000"/><path d="M84.975 49.567c4.351.347 8.23-2.919 7.835-7.266-.451-4.976-1.703-9.864-3.723-14.471A46.5 46.5 0 0 0 54.469.688 46.5 46.5 0 0 0 39.527.526c-4.316.655-6.561 5.2-5.186 9.343h0c1.375 4.143 5.871 6.274 10.227 5.999a30.69 30.69 0 0 1 7.192.393c4.992.868 9.691 2.959 13.678 6.085s7.138 7.191 9.173 11.831a30.69 30.69 0 0 1 2.098 6.89c.773 4.296 3.915 8.153 8.266 8.5h0z" fill="currentfill"/></svg>
\ No newline at end of file
+<svg class='h-6 w-6 sm:w-12 sm:h-12 text-gray-200 animate-spin fill-blue-600' viewBox="0 0 93 93" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M46.5 93C72.1812 93 93 72.1812 93 46.5C93 20.8188 72.1812 0 46.5 0C20.8188 0 0 20.8188 0 46.5C0 72.1812 20.8188 93 46.5 93ZM46.5 77C63.3447 77 77 63.3447 77 46.5C77 29.6553 63.3447 16 46.5 16C29.6553 16 16 29.6553 16 46.5C16 63.3447 29.6553 77 46.5 77Z" fill="currentColor"/>
+  <path d="M84.9746 49.5667C89.3257 49.9135 93.2042 46.6479 92.81 42.3008C92.3588 37.3251 91.1071 32.437 89.0872 27.8298C86.0053 20.7998 81.2311 14.6422 75.1905 9.90623C69.15 5.17027 62.031 2.00329 54.4687 0.687889C49.5126 -0.174203 44.467 -0.223422 39.5274 0.525737C35.2118 1.18024 32.966 5.72596 34.3411 9.86865V9.86865C35.7161 14.0113 40.2118 16.1424 44.5681 15.8677C46.9635 15.7166 49.3773 15.8465 51.7599 16.2609C56.7515 17.1291 61.4505 19.2196 65.4377 22.3456C69.4249 25.4717 72.5762 29.5362 74.6105 34.1764C75.5815 36.3912 76.2835 38.7044 76.7084 41.0666C77.4811 45.3626 80.6234 49.2199 84.9746 49.5667V49.5667Z" fill="currentFill"/>
+</svg>
\ No newline at end of file
diff --git a/src/styles/prism.css b/src/styles/prism.css
index 0cb989e89..37534e1ea 100644
--- a/src/styles/prism.css
+++ b/src/styles/prism.css
@@ -1,3 +1,8 @@
+p > code {
+  background-color: #FAFAFA;
+  border: 1px solid #EAEAEA;
+}
+
 div[class*="language-"],
 code[class*='language-'],
 pre[class*='language-'] {