Category "tailwind-css"

React App showing dark theme after installing daisyUI

I have installed tailwind css then installed daisyUI. After running my react app it is showing dark theme. I want to remove it. Here is the tailwind.config.js f

How to solve "Cannot find module '../definitions/exclusiveRange" in react

When i try to start 'npm start' in react app it shows "Cannot find module '../definitions/exclusiveRange".How to solve this in react version": "0.1.0".

How can I control daisyUI tailwind modal open as default

I set daisyUI but not figure out how to control modal by condition I think similar with flowbite or bootstrap https://flowbite.com/docs/components/modal/ but da

Why my navbar is not working for small devices?

I'm doing a small project using react, where I needed navbar, so I copied the navbar code from flowbite(that uses Tailwind CSS), I've changed all necessary thin

How do i get my sticky navbar to work using tailwind css?

I am working on a website using tailwindcss. But for some reason the navbar wont work when using the "sticky" class. I tried using the "fixed" class instead, bu

Export TailwindCSS CSS rules to file instead of rendering CSS rules on DOM

On my project I use: TailwindCSS + Emotion + Tailwind Macro. I just want to export TailwindCSS CSS rules to the currently generated styles.css file instead of

Conditionally render component views based on browser screen size

I have three different components representing different views for screen sizes. I want to render one of them based on the browser view width. I've managed to g

Responsive Tailwind css by Updating Root Font Size (thus rem) Based on @media Query?

I've been working with tailwind in my Vue project and overall its really good, but its a bit annoying to always write sm:w-10 lg:w-10 2xl:w-30 (etc) for all of

Tailwind default color classes not working

I'm building a React application using Tailwind CSS Framework. I have used NPM to install tailwind in my react app in the following manner: npm install -D tailw

Can we stop pop over panel from scrolling?

I've tried a lot of ways through tailwind properties like overflow: auto, overscroll: none, fixed (as in CSS position-fixed) and static. But everytime the popov

How to detect if the user is in dark mode ( Tailwind / Angular )

I have a navbar with a dark mode button that I would like to change when the user is on dark mode and back to the old one when he is back to light mode. picture

React App: Cannot find module 'react-dom/client' or its corresponding type declarations

I'm currently experiencing this error and I'm not really sure how to fix it. I've been trying to merge a project with components stored in bit.dev. import React

Vertical Media Queries Not Working (Resize Elements Based on Height of Screen) -- Viewport issue?

I'm working on a web application that's meant to be used exclusively on phones (of various sizes). The application includes various buttons that I resize based

How to run a command after Tailwind JIT compiler ran a build in watch mode?

Context: I need to run a command every time Tailwind's just-in-time compiler ran a new build in watch mode. To be more specific, I need to rebuild Drupal's cach

Is there a way to convert an .eot to .woff or call another file in css

I have this big chunk of text that looks something like this: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAHnQABMAAAABHZAAAQAAAAAAAAAAAAAAAA

Prettier code formatting is not splitting classNames in JSX or HTML

I have the Prettier VSCode extension enabled and my local .prettierrc file has "printWidth": 70 as one of the options, however, when I have a long list of class

Next.js Wrong Path to Fonts on Export

when I export the Nextjs files, the fonts, are wrong. In the console I get the following error: This is how my global.css file looks: @tailwind base; @tailwind

Responsive reorganizing of divs in DOM

My project uses Tailwind + Vue 2. I'm using Vue to iterate through a list and show multiple rows. Each row starts collapsed and has the option to be expanded. T

How to track every PHP file located in a folder with Tailwind CSS

I am using Tailwind CSS in my projects and I want to include all of my PHP files in tailwind.config.js file. I want to use wildcards, but it doesn't seem to wor

Tailwind css not getting included in project

I am using tailwind post CSS in my HTML, but classes are not applying. I have installed all packages have linked CSS too. tailwindconfigjs file module.exports =