diff --git a/src/components/MDX/Blockquote.astro b/src/components/MDX/Blockquote.astro index 256311e..7624adc 100644 --- a/src/components/MDX/Blockquote.astro +++ b/src/components/MDX/Blockquote.astro @@ -1,3 +1,7 @@ +--- +// TODO: Handle author, etc., via inclusion of some sort of tag in the quote, either frontmatter tags or simply [author=Person Name] +--- +
= { - javascript: "mdi:language-javascript" + javascript: "mdi:language-javascript", + typescript: "mdi:language-typescript", + csharp: "mdi:language-csharp", + css: "mdi:language-css3", + html: "mdi:language-html5", + bash: "mdi:bash", + astro: "simple-icons:astro" }; -const languageIcon = languageIcons[props["data-language"]]; +const language = props["data-language"]; + +const languageIcon = languageIcons[language]; const title = meta.title; @@ -28,31 +36,29 @@ const copyID = Math.random().toString(36); ---- { - title && ( - - --+- {languageIcon &&- -} - {title}
-+ +++++ {languageIcon &&- - ) - } + +} + { + !languageIcon && language !== "plaintext" && ( + {language}
+ ) + } + {title &&{title}
}diff --git a/src/styles/global.css b/src/styles/global.css index 7a3d2b9..c5120f4 100644 --- a/src/styles/global.css +++ b/src/styles/global.css @@ -96,7 +96,6 @@ @apply inline-block; @apply w-full; @apply pr-8; - @apply first:pt-2 last:pb-2; @apply bg-white dark:bg-gray-100; } @@ -105,7 +104,7 @@ counter-increment: step; @apply w-10; - @apply mr-5 ml-auto pr-2; + @apply mr-2 ml-auto pt-1 pr-2 pb-1; @apply inline-block; @apply text-right;