All Questions
Tagged with tailwind-css vuejs3
182
questions
0
votes
1
answer
18
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
25
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
63
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
56
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
54
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
49
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
27
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 ...
0
votes
1
answer
116
views
Radix-vue switch layout breaks
I use 3 shadcn and Tailwind in my Vue 3 project. I added styles to the switch component from shadcn, but it does not behave as expected. When switching to the active state, the SwitchThumb may move ...