Category "tailwind-css"

Tailwind CSS custom gradient with React state and FastAverageColor

I'm trying to add a custom gradient over an image using React state, Tailwind CSS and the FastAverageColor package (https://www.npmjs.com/package/fast-average-

Add responsiveness to reactjs landing page

We have large react application without using any UI framework, we build all UI component our own. Now we need to make landing page portion responsive (it's par

overflowX:visible not working in react-infinite-scroll-component

So I created, the infinite scroll with second method (the scrollable component is the parrent element) and the content I am displaying might have overflow on wi

How can I align my text and put the button on the extrem right of my gray bar?

how can I display my Invitee2 a bit upper in my gray bar ? And for my button how can I put it on the extrem right side of my gray bar ? <div className="bg-gr

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