Questions tagged [tailwind-css]
Tailwind CSS is a highly customizable, low-level CSS framework that gives you all of the building blocks you need to build bespoke designs without any annoying opinionated styles you have to fight to override.
tailwind-css
10,019
questions
1
vote
2
answers
49
views
tailwindcss background not changing to correct color
There is a feature i implemented in the tiktaktoe wherein if a player wins the game, then the winning box gets green in color and if there is a draw , then all the box becomes red. The feature is ...
-1
votes
0
answers
33
views
How to make a tooltip for a column in a table if the text in the column is larger than 250 pixels
I am using tailwind and shadcn for development.
My idea is that if the text in a column is larger than a certain number of pixels, it should be possible to see a tooltip from the shadcn library for ...
- 79
0
votes
0
answers
25
views
tailwindCSS not working in nextJS and Shadcn project
None of the tailwind classnames are working in this project.
I have one of each file like components.json, globals.css, and tailwind.config.ts, and the globals.css is imported in the layout.tsx file ...
- 385
-2
votes
0
answers
12
views
In Deployment My Webpage's TailwindCSS is not working
I have created a Razorpay clone page using HTML and TailwindCSS but in local host its working absolutely fine. Why its not working in deployment please help in my repo I have pushed all the files in ...
1
vote
1
answer
24
views
Tailwind Classes not applying on certain components in NextTS project
For my blog website, I have different colors in the breadcrumb depending on the topic. The colors also do change respectively for light/dark mode.
I set up the colors in the tailwind.config.ts file ...
- 57
0
votes
0
answers
18
views
Next JS tailwind css how to set larger and fix input size
i would like to create a large input field for my homepage, just like the Google Search displaying a large search bar centered in page
Here is my code
<div className="flex justify-center items-...
- 152
0
votes
0
answers
43
views
tailwind not working with nextjs, shadcn components
I have a NextJS project using shadcn-ui components, but after adding tailwindCSS, none of the styling shows up when trying classnames.
I have configured the components.json, tailwind.config.ts, and ...
- 385
0
votes
0
answers
20
views
Why using both app router bundle size is big when used along with page router?
I have a working application that use Nextjs page router. I got a task to create new landing page, and decided to use app router. But when I create hello world page and build it, the bundle size is ...
- 566
0
votes
0
answers
38
views
Passing In Tailwindcss Classes to Component Library Not Working
So, I am building a React component library (like the world needs another one) and an app on top of it. When I pass in Tailwind classes to the components from the app, the passed classes don't get ...
- 13
0
votes
1
answer
32
views
Tanstack Table: Clickable row except for 2 columns
A React solution will work, even though I'm using Solid because the implementation is virtually the same in this case. I'm also using Tailwind, if that matters to anyone (it shouldn't since it's ...
- 39
0
votes
0
answers
23
views
Tailwind not compiling new classes [closed]
I'm doing a project with Express and Tailwind, and after sometime, i've noticed that tailwind wasn't compiling new utility classes, but only others who were already being used. Did someone already had ...
- 1
-2
votes
0
answers
28
views
I need help fixing this. Any tailwind experts [closed]
so I have been exploring with tailwind to build a project on vs code. Anytime I run the project it opens but comes up with this after I have gone through my login page and profile choosing. Any advice ...
0
votes
0
answers
38
views
render CSS on server side (Nextjs)
i have project writed on nextjs + tailwindcss.
my main goal is to convert styles into row styles to get already formated html css content from server side so that will increase website speed ...
0
votes
0
answers
17
views
Content Overlaps with Footer in Printed Document [closed]
When printing a document using the provided Page component, some content of the page get displayed under the footer in the printed output. This causes the content to overlap with the footer, making it ...
-4
votes
0
answers
18
views
The vh is returning different values in different component in the same screen [closed]
these two have the same height of 9vh but are being displayed with different height
<div
className="flex items-center w-full h-[9vh] border-b-[0.5px] border-[#524FA4] cursor-...
