search

timlrx / tailwind-nextjs-starter-blog

This is a Next.js, Tailwind CSS blogging starter template. Comes out of the box configured with the latest technologies to make technical writing a breeze. Easily configurable and customizable. Perfect as a replacement to existing Jekyll and Hugo individual blogs.
https://tailwind-nextjs-starter-blog.vercel.app/
MIT License
8.45k stars 1.96k forks source link

The list style is wrong #833

Closed demonhunter3333 closed 7 months ago

demonhunter3333 commented 7 months ago

Describe the bug The list style is wrong

To Reproduce Go to the demo

Expected behavior Nested lists should look like this:

But this template looks like this:

Screenshots Screenshot 2024-01-24 at 5 39 55 PM

timlrx commented 7 months ago

Currently it's not nested, just indented. Fair enough, I could make it an actual nested list implementation.

timlrx commented 7 months ago

@demonhunter3333 I have updated the code, so if you install pliny 0.1.7, the TOC component is now uses an actual list implementation. However, to get the default HTML style, you would still need to override tailwind's list styling. You can do that with the new ulClassname prop e.g. <TOCInline toc={props.toc} exclude="Introduction" ulClassName="[&_ul]:list-[revert]"/>

demonhunter3333 commented 6 months ago

it worked perfectly! thank you!