I have been using Material UI with Angular, however as flexlayout is deprecated now, and Tailwind is recommended, so is it sustainable to use bot Material UI and Tailwind together? In order to use Tailwind classes , how do I…
I'm trying to make a slight tweak to my button borders using box shadows but am unsure how. The following Tailwind.css customization creates the following button border below: boxShadow: { 'outline': '3px 3px 0px #777, -3px -3px 0px #777, -3px…
I ran into this problem which I can not seem to figure out, I was thinking of some CSS magic but what would be the best approach to this problem? I have this Progressbar component that has the ideal zone…
so basically problem is simple but I stuck and can not figure out the reason. anybody can help with this? I am trying to add tailwind attribute into className dynamically <div className={`h-2.5 rounded-full ${myfunc(value)`} > Random staff </div>` and I…
I am making a WhatsApp clone using Tailwind CSS in ReactJS. I don't know why the side the contacts list is not showing the scrollbar instead it's getting overflowed which is resulting in scrollbar for the whole scree (as soon…
I'm working on a project using Laravel 10.18.10 and I've downloaded the tailwind extension in VS code. When I tried applying the tailwind code, it doesn't seem to be applied in the project. When I hovered over the code, this…
I've build an app using create-react-app and then installed tailwindcss and postcss. I've followed the config for applying tailwind but my classes still aren't being applied. I have tried specifying the files in the config but it's still picking up:…
Base scenario: <div class="flex"> <div id="avatar" /> <div id="info"/> </div> Assuming info will have a dynamic height, based on its content, how can we make avatar be always square? In the first example, info has 160px height, so avatar is…
When applying overflow-y-auto to a page it allows whole page to scroll instead of only a component Tried finding more in depth solutions online, but to no avail <div className="page-container h-full"> <div className="parent-container h-full"> <div className="apply-scroll-here overflow-y-auto"> </div> </div>
Sorry if i ask silly question, i am noob with tailwind. I have html code which is using tailwindcss as framework. This is my script: <div class="columns has-background-grey-lighter"> <div class="column is-2 has-background-white relative"> <div id="slides" class="mt-9"> <div v-for="(slide, index) in…