All Questions
Tagged with vuejs3 tailwind-css
183
questions
0
votes
1
answer
40
views
Some Tailwind classes are not applied
I'm using Tailwind in a Vue3 project and I'm encountering weird behavior with some classes. For examle, I have this code :
<li class="border-solid border-l border-red-500">
In VScode,...
0
votes
1
answer
21
views
Tailwind width transition for non specific values
I got a button styled with Tailwind and Vue js 3. This button contains a classic "Login" text. I want to achieve that when the user clicks and a loading status is triggered, the button ...
1
vote
0
answers
31
views
Tailwind config is not respected in nuxt 3, my config options are ignored, I would like to limit tailwind to my content paths
I set up tailwind in my nuxt project and it works great to use basic tailwind styles. But the problem is I can not make any modifications to the tailwind config like changing the content paths. It ...
0
votes
1
answer
75
views
Tailwindcss not working for Vite + Vue3 + Primevue
I'm sry if I have a duplicate question. I went through the questions already in the forum, but still couldn't find a solution I haven't tried yet.
Problem explanation
I'm working on a test project ...
0
votes
1
answer
75
views
Primevue tailwind vue vite problem with component (Toast) styling
I'm setting up my frontend with:
PrimeVue
VUE / Vite
Tailwind
I've followed the docs for unstyled with pt: Lara.
When using a from primevue and set severity to 'danger' the button is styled ...
0
votes
0
answers
20
views
Tailwindcss classes not reflecting in vue component
I am using Api only rails app with Vue 3. Integrating tailwindcss into my project. Everything seems to be in place but styles are not being reflected.
Here are my different file structure.
package....
0
votes
0
answers
45
views
How to change custom selector for darkmode in tailwindcss?
I'm using tailwindcss with nuxt3, how can I change the selector for darkMode in tailwind.config.js?
I know tailwindcss using <html data-mode="dark"> selector for change the darkMode, I ...
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
13
views
Issue with asset/modules, while loading the image through css, with frontend and backend server being different
Before I explain the issue that I have in my case, here is my general info:
System:
OS: Windows 11 10.0.22631
CPU: (16) x64 AMD Ryzen 9 5900HX with Radeon Graphics
Memory: 4.24 GB / 15....
1
vote
1
answer
36
views
Tailwind/Nuxt issue - inline space between elements is missing
When using tailwind v3.4.3 on tailwind playground space is added b/w span elements
<div>
<p>
<span class="bg-slate-800">TEST</span>
<span class="bg-...
0
votes
1
answer
56
views
Add transition to dynamic hidden attribute using tailwindcss and vuejs
I am create UI layout using tailwind css and nuxt.
Where sidebar is always visible at md breakpoint and hidden on mobile devices which is only visible when menu button is clicked.
This works fine as ...
1
vote
1
answer
53
views
Animating width change of an element when a sibling renders conditionally with v-show
I have a Vue.js application where I'm using tailwind for styling. In my template, within a flex parent container, I have two child elements: one that is always rendered, and another that is ...
0
votes
1
answer
38
views
Tailwind's divide-y with Vue3's v-for
I'm trying to apply the Tailwind's divide to the divs created with the v-for of the Vue3:
<div v-for="(i) in [1, 2, 3]" class="divide-y divide-red-400">
<div>{{ i }}&...
0
votes
1
answer
29
views
Any solution for Tailwind colors not generated properly with a dynamic class in Vue?
computed: {
background() {
switch (this.color) {
case "blue-500":
return "bg-blue-500" // this working
case "orange-600":
...
0
votes
0
answers
29
views
Creating a Daisy UI Menu in VueJS?
Has anyone ever used daisy ui in vue js? I was working on vite+vuetify project and I have just installed DaisyUI I have a pretty complex menu and I am wondering what do I need to do in order to make ...