jolbol1 / nextjs-velite-blog-template

A static blog template built using NextJS 14, Velite, Tailwind, Shadcn/UI and MDX. Follow along on YouTube!
https://my-first-blog-dusky.vercel.app
100 stars 33 forks source link

[styling request] single back quote code block styling #11

Open DongLin91 opened 1 month ago

DongLin91 commented 1 month ago

thank you for your great job, the single back quote code block renders like this WeChat03f28fd0a026e85e1bcc245afd4ccdfd

how can i make it render this WeChat3b7f685cc1c09382b4b7b2e4cc82589a

can you please help me with thanks

jolbol1 commented 4 weeks ago

Hello, sorry for being late to this issue.

You can fix this by adding prose-code:before:hidden prose-code:after:hidden to the className on the blog page on line 75.

https://github.com/jolbol1/nextjs-velite-blog-template/blob/c792793a350ad03a7c48c360ddb44083322502d6/app/blog/%5B...slug%5D/page.tsx#L75

Not sure I want to make the change permanently as what's currently there is the default tailwind typography.