All Questions
Tagged with tailwind-css daisyui
130
questions
0
votes
1
answer
21
views
Tailwind max-w-[number] not working past a certain point
My stack is Svelte 5 / Sveltekit / Tailwind / Daisy UI
I have a svelte component that uses a Daisy UI card and I am unable to get tailwind max-w-[number] class to work past a certain point to increase ...
- 137
0
votes
1
answer
41
views
"Each child in a list should have a unique 'key' prop", I don't understand how to do it [duplicate]
Hi so I have an assignment from my school, it has something to do with data fetching from randomuser.me and as I have followed the steps that were taught, I stumbled upon this sentence written on the ...
-3
votes
0
answers
43
views
How to make the parent element have the same width and height as the child svg element? [closed]
Hi so I am currently making a project with Vite.js with React + TSX, Tailwind and Daisy UI. I am currently trying to make a model button that overlaps a svg. The issue is that the button's width and ...
- 25
0
votes
0
answers
33
views
Html2canvas push text outside of con
I have a simple div with a paragraph in it.
when the pdf is generated, the paragraph is pushed down outside the div
I'm also using DaisyUI
<div class="bg-blue-50">
<p class=&...
- 21
0
votes
1
answer
37
views
Using Daisy UI Colors in TypeScript
How can I use a Daisy-UI color (eg. bg-base-100) in typescript (not a utility class)? I use them in html, but cannot access them from typescript.
0
votes
0
answers
17
views
base-content color not working on daisyui laravel project
**<a href="" className='text-center main border-2 border-base-100 w-4/5 m-auto p-2 rounded-xl border-opacity-80 bg-inherit transition duration-200 ease-in-out bg-gradient-to-r from-base-...
0
votes
1
answer
45
views
Creating DaisyUI drawer relative to a container div
I have a simple app whose body is 500px wide and centered.
I am trying to use daisyUI drawer so that the drawer enters the screen just at the right of the body.
However, the drawer opens from the far ...
- 651
0
votes
2
answers
26
views
tailwind justify-center not working - reactjs
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-...
0
votes
0
answers
22
views
How to Prevent Parent Container Scrollbar When Showing Dropdown in Tailwind and DaisyUI?
I have an HTML template that uses Tailwind CSS and DaisyUI. Here is the code snippet:
<div class="flex h-32 w-48 items-center overflow-y-scroll">
<span class="overflow-hidden ...
- 182
1
vote
0
answers
55
views
When I add DaisyUI to my base.html in development, dark mode gets inherited into form fields - but how can I disable this?
I am building a Django app and am using Tailwind and DaisyUI for styling. I built my app in light mode and would like for all users (even those whose systems are set to dark mode) to show light mode, ...
- 11
0
votes
1
answer
21
views
How to have a figure to always be visible in the viewport?
Using Tailwid and daisyUI component library, I'm designing a page with two section. The left section contains text and button. The right section is a figure with caption. I want the whole <figure&...
- 2,625
0
votes
0
answers
21
views
Daisy UI with Vue 3 - Module build failed (from ./node_modules/postcss-loader/dist/cjs.js): TypeError: Object.hasOwn is not a function
I created a vue 3 project with tailwind. After adding daisyui as a plugin, I can't compile it.
Errors I get
in ./src/App.vue?vue&type=style&index=0&id=7ba5bd90&lang=css
Syntax Error: ...
0
votes
0
answers
59
views
Vue Tailwind CSS Tabs component rendering wrong
I'm trying to use the Tailwind CSS tabs component to render content on my page like they show in their documentation, but the behavior I see when implementing does not match.
In my application, the ...
- 673
0
votes
1
answer
56
views
How to pass DaisyUI primary color to TailwindCSS config file?
I have a custom keyframe set in my tailwindcss config file.
keyframes: {
'grow-right-shorten-left': {
'0%': { boxShadow: '30px 0px 100px -80px rgba(34, 211, 238, 0.4)' },
...
0
votes
1
answer
148
views
DaisyUI Custom theme handle disabled button
I'm making a reddit SSO button and am running into an issue where the custom theme I made for the Reddit button turns secondary-grey when it's disabled.
Here is my theme in the tailwind.config
...
- 1,186