I have div, inside I have some cards from daisyui. I want those cards to justify center on smaller screens(I have flexed it to column for smaller screens). <div className='container mx-auto lg:px-28 mt-0 h-auto sm:w-full'> <div className='md:shadow-[rgba(0,0,15,0.5)_10px_5px_4px_0px,rgba(0,0,15,0.5)_-10px_5px_4px_0px] mt-0 lg:pl-5 lg:pr-20…
So I'm a countdown for a Next.js website and am using the daisyUI countdown component but any digit above 99 for the number of days is not rendering properly as seen below: So initially I have a simple countdown: const…
So I have the following code in several places across the app: <label className="input text-neutral-content"> Name <input type="text" className="grow text-base-content"/> </label> I know that the idea behind tailwind is inline styling but is there a way to define the text…
So I'm using nextjs and I'm trying to build a Daisyui theme switcher. It generally works just fine, but there are some kinks I don't quite understand. I have a simple theme switch button: // Themeswitch.jsx 'use client'; import {…
I cannot seem to find a problem or I am misunderstanding something (I use daisyui + nx + tailwind css + angular). Very simplified scenarios for my problem: For first scenario I have: <div class="flex flex-row"> <div class="btn btn-primary w-1/2"></div>…
here I want to create a dropdown using details summary in daisyUI I want when the first dropdown is clicked the dropdown opens and when I click the second dropdown I want the second dropdown to open but the first…
I'm using DaisyUI and TailwindCSS I'm using a drawer and steps. <div class="drawer"> <input id="my-drawer" type="checkbox" class="drawer-toggle" /> <div class="drawer-content"> <!-- Page content here --> <label for="my-drawer" class="btn btn-primary drawer-button">Open drawer</label> <ul class="steps"> <li class="step step-primary">Register</li> <li class="step step-primary">Choose plan</li>…