All Questions
Tagged with tailwind-css vue.js
552
questions
0
votes
1
answer
13
views
Tailwind - Apply Justify-Between if multiple children else Justify-End
I have a Vuejs component with a flex div containing a slot. As I do not know how many elements will be in the slot, I would like the content to be 'justify-between' if there is more than 1 element, ...
- 2,015
0
votes
1
answer
12
views
Hi, I have only basic knowledge on web dev and I need help on my project to start a new intern job, I need to know where to start and steps to follow
Food recipe site
The goal is to build attractive food recipe website that people can browse and can signup/login and share their recipe
any user visiting the site should be able to browse recipes ...
-4
votes
0
answers
32
views
How to deploy Laravel, Vue.js, Tailwind in online for free? [closed]
I created a project online chatting system using laravel, vue.js and tailwind. And I want it to deploy online but I don't have any money to do so. Can someone recommend or advise me how to do? Thank ...
0
votes
0
answers
27
views
Creating dashboard with Metronic & Vue & Tailwind
So I want to create a dashboard with metronic vue tailwind. I have 2 zip files, the first is metronic vue 8 and the second is metronic tailwind html 9. first zip is a sample dashboard with vue and ...
- 21
0
votes
0
answers
52
views
Missing styles in primevue + tailwind
I'm using Primevue with Tailwind with the following config:
"@primevue/themes": "^4.0.0",
"pinia": "^2.1.7",
"primeicons": "^7.0.0",
"...
- 33
0
votes
0
answers
18
views
PrimeVue tailwindcss Timeline eventseperator style missing
I'm using PrimeVue with Tailwindcss based on tailwind.primevue. I try using the Timeline component from Lara preset. It's weird that its eventseperator is missing. Any help is appreciated.
tailwind....
- 3
1
vote
1
answer
37
views
Colon symbol in class names for tailwind break Pug files
I am creating a project in Vue where the HTML aspect of it is written in pug. When I add a tailwind class, (for example in this case I am trying to add the classes )
.w-16.md:w-32.lg:w-48
Since it is ...
- 39
0
votes
1
answer
70
views
How to install Vue/Vite-Tailwind CSS with Bun instead of Node (NPM)?
I want to install Tailwind CSS with Vue/Vite. But I want to do it with Bun instead of Node or Deno.
I've tried to install it but I can't. Please let me know how to install Vue/Vite and Tailwind CSS ...
-1
votes
0
answers
24
views
(Vite:css) Lexical Error (unrecognised text) in Tailwind Nuxt/ Vue
I've followed this thread (https://github.com/tailwindlabs/tailwindcss/issues/1603)to fix my issue which seems pretty similar with that thread, but I have no luck. I've defined spacing: { 'number': '...
- 194
0
votes
0
answers
36
views
vue tailwindcss radiobutton styling
I am trying to make a radio button component in vue and style it with accordance to some props, I copied a simple implementation from https://flowbite.com/docs/forms/radio to style it with respect to ...
- 31
0
votes
0
answers
57
views
duplicate tailwindcss output in SSR production html
I'm using tailwindcss in my nuxt3 project via official @nuxtjs/tailwindcss
{
"dependencies": {
"nuxt": "^3.11.2"
},
"devDependencies": {
...
- 2,802
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
94
views
How can I render a text of markdown in nuxt v3.11.2 using @nuxt/content v2.12.1
Make sure it is rendering on the server side for SEO reasons.
<script setup lang="ts">
const markdown = "# hello world"
</script>
<template>
<LayoutContent&...
0
votes
1
answer
121
views
How to create a drawer using headlessui/vue and tailwindcss?
Actually I was trying to make a drawer component using headlessui/vue and tailwindcss.
I was exploring headless ui doc for vuejs and tried to find out if any drawer example there but not found. Then I ...
- 31
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 ...
- 272