nuxt / ui

A UI Library for Modern Web Apps, powered by Vue & Tailwind CSS.
https://ui.nuxt.com
MIT License
3.57k stars 420 forks source link

NavigationAccordion #1621

Open DaranDachte opened 3 months ago

DaranDachte commented 3 months ago

Description

Good afternoon. I am trying to change font size in NavigationAccordion component https://ui.nuxt.com/pro/components/navigation-accordion But it doesn't work Everything else works fine. Here is the code

.

I've tried changing both through config and template, but to no avail. What do I need to do to increase the font size? Thanks.

noook commented 3 months ago

Could you share how you tried to update it in the config ? I believe the text size is configurable under the button.label key:

<UNavigationAccordion
  :links="links"
  :ui="{
    button: {
      label: 'text-sm/6' // default value for font size, set it to something else
    },
  }"
/>
DaranDachte commented 3 months ago

I've tried to change the font size in several ways. These include I added a class to Accordion, and tried to change the size. The problem is that I can change everything else, for example via fontbold to increase the thickness of the text. It's only the font size that I can't increase. I tried to change in config this property, but also nothing works. I also tried to add a special template for the label and add styles directly there, this sometimes helps. But now that doesn't help either. Here is all the code, try it yourself, maybe you can do it. I will be glad if you find a solution. Thanks for your participation.