version 1.9.1 - backend changes and bug fixes

components/Card.tsx

@@ -23,7 +23,7 @@ function Card()
                             <FaGithub />
                             <span className = "sr-only">Github</span>
                         </a>
-                        <a className = "text-xl m-1 p-1 sm:m-2 sm:p-2 hover:bg-gray-200 transition-colors duration-300 rounded-full" href = "mailto:mail4brando@gmail.com">
+                        <a className = "text-xl m-1 p-1 sm:m-2 sm:p-2 hover:bg-gray-200 transition-colors duration-300 rounded-full" href = "mailto:mail@brandonpyle.com">
                             <FaEnvelope />
                             <span className = "sr-only">Email</span>
                         </a>

components/CodeBlock.tsx

@@ -4,8 +4,6 @@ import { atomOneDark } from 'react-syntax-highlighter/dist/esm/styles/hljs';
 import { FaRegCopy } from "react-icons/fa";
 import { FaCheck } from "react-icons/fa";
 
-
-
 export function CodeBlock(props) {
   const [copy, setCopy] = useState(false)
 

components/ProjectList.tsx

@@ -18,11 +18,11 @@ function ProjectList({projects}: Props) {
                     <ClientSideRoute key={project._id} route={`/project/${project.slug.current}`}>
                         <div className="md:flex bg-white shadow-xl rounded-xl md:w-full w-2/3 mx-auto">
                             <Image
-                                className="md:object-cover md:aspect-video md:object-center object-center md:rounded-l-xl md:rounded-r-none rounded-t-xl md:w-1/4"
+                                className="md:object-cover md:aspect-video md:object-center object-center md:rounded-l-xl md:rounded-r-none rounded-t-xl max-w-fit"
                                 src={urlFor(project.mainImage).url()}
                                 alt={project.author.name}
-                                width={600}
-                                height={338}
+                                width={300}
+                                height={150}
                             />
                             <div>
                                 <div className="p-2">

components/RichTextComponents.tsx

@@ -21,24 +21,27 @@ export const RichTextComponents = {
     },
     list: {
         bullet: ({children}: any) => (
-            <ul className="ml-10 py-5 list-disc space-y-5">{children}</ul>
+            <ul className="ml-10 list-disc">{children}</ul>
         ),
         number: ({children}: any) => (
-            <ol className="mt-lg list-decimal">{children}</ol>
+            <ol className="ml-10 list-decimal">{children}</ol>
         )
     },
     block: {
+        normal: ({children}: any) => (
+            <p className="">{children}</p>
+        ),
         h1: ({children}: any) => (
-            <h1 className="text-5xl py-10 font-bold">{children}</h1>
+            <h1 className="text-5xl pb-4 pt-10 font-bold">{children}</h1>
         ),
         h2: ({children}: any) => (
-            <h1 className="text-4xl py-10 font-bold">{children}</h1>
+            <h1 className="text-4xl pb-4 pt-10 font-bold">{children}</h1>
         ),
         h3: ({children}: any) => (
-            <h1 className="text-3xl py-10 font-bold">{children}</h1>
+            <h1 className="text-3xl pb-4 pt-10 font-bold">{children}</h1>
         ),
         h4: ({children}: any) => (
-            <h1 className="text-2xl py-10 font-bold">{children}</h1>
+            <h1 className="text-2xl pb-4 pt-10 font-bold">{children}</h1>
         ),
         blockquote: ({children}: any) => (
             <blockquote className="border-l-[#2570d1] border-l-4 pl-5 py-5 my-5">{children}</blockquote>

package.json

@@ -1,6 +1,6 @@
 {
   "name": "blog",
-  "version": "1.9.0",
+  "version": "1.9.1",
   "private": true,
   "scripts": {
     "dev": "next dev",

sanity/schemas/blockContent.ts

@@ -20,7 +20,10 @@ export default defineType({
         {title: 'H4', value: 'h4'},
         {title: 'Quote', value: 'blockquote'},
       ],
-      lists: [{title: 'Bullet', value: 'bullet'}],
+      lists: [
+        {title: 'Bullet', value: 'bullet'},
+        {title: 'Number', value: 'number'}
+      ],
       // Marks let you mark up inline text in the Portable Text Editor
       marks: {
         // Decorators usually describe a single property – e.g. a typographic

styles/globals.css

@@ -18,8 +18,4 @@
 
 body {
   background-color: rgb(243 244 246);
-}
-
-svg {
-  color: white;
 }