prime blocks blocks are not reactive

Forum rules
Please note that response time for technical support is within 3-5 business days.
tugce.kucukoglu
Posts: 560
Joined: 23 Oct 2020, 09:28

02 Mar 2023, 08:30

Could you look at this demo? https://codesandbox.io/s/naughty-cerf-k ... rdDemo.vue. It seems to me working correctly.

elliopitas
Posts: 10
Joined: 28 Jul 2022, 22:25

13 Mar 2023, 00:55

https://codesandbox.io/s/determined-far ... rdDemo.vue
shouldn't this turn red when small?

elliopitas
Posts: 10
Joined: 28 Jul 2022, 22:25

13 Mar 2023, 01:01

Also in your example, it makes the letters lg when small and 5xl when big
Image
Image

tugce.kucukoglu
Posts: 560
Joined: 23 Oct 2020, 09:28

13 Mar 2023, 08:29

Unfortunately responsive font color classes are not supported yet.

You are using two classes at the same time: 'text-lg' and 'text-5xl'. Which one do you want to use? I suggest 'text-lg md:text-5xl'

elliopitas
Posts: 10
Joined: 28 Jul 2022, 22:25

21 Mar 2023, 21:39

here in your example 'text-lg sm:text-5xl' isn't it supposed to be making the letters bigger (5xl) when the screen is small?
it's doing the reverse.
oh ok I was just trying to use the colours as an example. my problem is not his I just had this question now after seeing your example. The problem here is that using your primeBlocks templates don't resize correctly when the code is pasted in a vue file even without making any changes.

tugce.kucukoglu
Posts: 560
Joined: 23 Oct 2020, 09:28

22 Mar 2023, 07:59

Codesandbox example is working correctly. Please check the responsive example https://www.primefaces.org/primeflex/fontsize

elliopitas
Posts: 10
Joined: 28 Jul 2022, 22:25

30 Mar 2023, 01:54

yes understand now the screen sizes are @media for different sizes so its the default unless certain screen size.
thanks.

Post Reply

Return to “PrimeBlocks for PrimeVue”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 3 guests