I am working on tailwind to build a sidebar, in which the logout button should be in the footer area of the sidebar. the code can be seen in https://play.tailwindcss.com/PcvYlOmLtg <div class="flex w-full bg-gray-50"> <nav class="h-screen w-64 flex-col justify-between rounded-md…
How can I make the first li tag have the same width as the contents? How can I make the other li tags have the same width as the first one? I need the overflow-auto in the parent to show…
I am using Angular 17 and tailwind. My directive add and remove 'hidden' into class of marked div when cheking select/unselect situation of checkbox. My problem is the innerHTML of marked div is removed when this directive is runned. import…
I tried some thing like this <div className="flex w-full lg:justify-start md:justify-center sm:justify-center sm:items-center"> <Button title={data.title as string}></Button> </div> But it is always left aligned on mobile. It should be center on mobile and left on desktop
I'm learning tailwind and I have this div : <div class="mt-5 border border-gray-300 p-2 bg-gradient-to-b from-gray-100 via-purple-50 to-gray-50 rounded-lg mb-8 p-4 dark:bg-black"> And in dark mode my background is still the original gradient (my dark mode is working) I want…
I apologize if this is something very simple and obvious, new to Vue/tailwind. I have a parent template like this: <template> <div class="mx-auto mt-4 max-w-3xl"> <slot></slot> </div> </template> There are items above and below this template. Then one of the…
I'm learning tailwind using react and i can't seem to make the navbar horizontal. It even disappears on the Ui at some point. how would you edit the following code to be horizontal? const Navbar = () => { return…
Im trying to use title tag with Tailwindcss+React and the title itself disappears. If I delete the tag, it’s present.Any thoughts? I deleted the title tag and write the word into h1 and another tags, and its work <div className="text-center">…
I am working on a react project where I want to add some animation to the UI, and need some advice on what UI library or should I go for which is easy to use and to implement I do…
While I was making stopwatch webpage, I added some JavaScript code for functional buttons. I expected that when I click "Play" button, the text of the button should change to "Pause", but when I clicked it, it doesn't work. I'm…