목록tailwindcss (4)

ReasonJun

Tailwindcss : justify-center and Accordian height Problem

Problem : In the CSS code surrounding the outermost tag as shown below, justify-center provided a problem with height when accordian was activated. When justify-center is applied in h-screen, the top component is cut off when Accordian, which provides dynamic height, is activated. Solution : When justify-center was removed, the height value was modified based on the content, and no components we..
Frontend/Tailwindcss 2024. 2. 21. 18:48
Tailwindcss : twMerge, clsx

twMerge is a JavaScript library that merges Tailwind CSS classes without style conflicts. It is useful when you need to conditionally join Tailwind CSS classes together, or when you need to merge Tailwind CSS classes from different sources. clsx is a JavaScript library that provides a simple and efficient way to conditionally join CSS classes together. It is useful for creating reusable CSS comp..
Frontend/Tailwindcss 2023. 11. 1. 17:26
CSS / tailwindcss : rtl, ltr text-reverse problem

Doing : While configuring the chat page, I wanted the chat bubbles to be on either side using 'rtl', 'ltr'. {isSender ? 'You' : receiverName} {fromNow(time)} {messageImage && ( )} {messageText && ( {messageText} )} problem: The results were as follows. Why: The issue you are facing seems to be related to the style attribute where you set the direction based on the isSender prop. The problem is t..
Frontend/CSS 2023. 8. 6. 14:08
Next.js & TailwindCSS Error : Not working 'data-popper-placement'

data-popper-placement = working well (Soluition : data-poper-placement) : Allow the part responsible for 'data-popper-placement to exist at the time of initial rendering without any conditions. {session?.user ? ( ) : ( )} not working {session?.user ? ( ) : ( )} Why? The data-dropdown-toggle attribute is being used in JavaScript code that handles the toggling of the dropdown menu based on user in..
Frontend/Next.js 2023. 7. 12. 21:24
이전 Prev 1 Next 다음