Skip to main content

Preguntas con la etiqueta [tailwind]

Tailwind CSS es un framework de CSS de código abierto​ para el diseño de páginas web. Su principal característica es que no proporciona ningún componente o diseño predefinido, sino que ofrece un conjunto de clases de utilidad, similares a las de Bootstrap, pero más numerosas y granulares.

Filtrar por
Ordenado por
Etiquetadas con
0 votos
0 respuestas
12 vistas

Tengo Astro y Tailwind, en el Dark/light mode no puedo agregarle tiempo de transición a un fondo con "bg-gradient-to-r"

Estimados tengo la siguiente configuración. tailwind.config.inf content: ['./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}'], darkMode: 'class', theme: { extend: {}, }, plugins: [...
Avatar del usuario JuanKa
  • 1
0 votos
0 respuestas
45 vistas

Comenzando con Tailwind CSS pero no me funciona

Hola buenas tardes a todos estoy empezando a usar Tailwind Css para un proyecto, la cosa es que puede instalarlo sin problemas con una guia, cuando probe el ejemplo de "Hello World" me ...
Avatar del usuario Ashiiok
2 votos
2 respuestas
37 vistas

¿Por qué w-screen de tailwind en este div provoca que sus hijos ocupen más del 100% del ancho de la pantalla?

Sean: index.html <!doctype html> <html lang="es"> <head> <meta charset="utf-8"> <title>CBT</title> <base href="/"> <...
Avatar del usuario Sergio Durán Vega
0 votos
1 respuesta
33 vistas

Carga de Tailwind css en proyecto Vite con Vue +TS

Estoy tratando de cargar Tailwind en un proyecto de Vite con Vue JS y Typescript. He seguido la creación del proyecto segundo la documentación oficial de Vite, creando el proyecto con el siguiente ...
Avatar del usuario AntonioMP87
0 votos
0 respuestas
166 vistas

problema con npm create vite@latest, no reconoce vite

estoy en un proyecto con vite, despues de instalar vite, ejecuto npm install, pero al correr npm run dev manda un error que dice "vite" no se reconoce como comando interno o externo, ...
Avatar del usuario Carlos Edison
0 votos
0 respuestas
15 vistas

Error en el width con la tabla

Estoy haciendo un proyecto en NextJS utilizando NextUI y TailwindCSS. Tengo la parte para ver los shifts, la cual contiene una tabla y varios filtros. Cuando elimino la tabla, lo demas se ve perfecto, ...
Avatar del usuario Lucas Leone
0 votos
1 respuesta
20 vistas

El InputNumber de PrimeReact no toma mas width

Hola buenas a todos alguein sabra por que este componente no toma ningun tipo de width ya lo intente con tailwind y con el style pero no toma ningun tipo de with es el unico componente que no me esta ...
Avatar del usuario Mario Aguilera
1 voto
1 respuesta
52 vistas

Selecionar elementos en CSS no hermanos

Quiero hacer una tabs con solo CSS pero no logro conseguirlo, necesito que las tabs esten en un div diferente al div del contenido. Les agrego el código HTML y el CSS que tengo, tambien uso ...
Avatar del usuario Jesus
  • 11
0 votos
0 respuestas
32 vistas

problemas con el dark mode con next js y tailwind

"Estoy implementando el modo oscuro en Next.js con Tailwind CSS. He creado un toggle que cambia entre modo claro y oscuro, y también se sincroniza con la preferencia del sistema. El problema es ...
Avatar del usuario betanoz
0 votos
0 respuestas
58 vistas

¿Cómo puedo manejar clases dinámicas con Tailwind y Vue 3?

estoy intentando emplear un sistema de temas en mi proyecto. Sucede que quiero manejar un composable que me devuelva el tema y llamar a mi clase dinámica. Mi problema es que el elemento HTML recibe la ...
Avatar del usuario Chan Garduño Eduardo
0 votos
0 respuestas
103 vistas

Como uso una imagen local en tailwind css 3.4.4 en mi proyecto de angular?

Hola estimada comunidad estoy intentando colocar una imagen local en mi proyecto de angular usando tailwind css pero al hacerlo de la siguiente manera no funciona <div class="max-w-md mx-...
Avatar del usuario Daniel Pinargo
0 votos
0 respuestas
77 vistas

No aplica estilos CSS al hacer deploy en Vercel

Al hacer el deploy en Vercel de mi aplicación con NextJS y TailwindCSS no me aplica los estilos de CSS, no tengo ideas que puede estar mal en la configuración
Avatar del usuario Dianelys Martinez Del Toro
0 votos
0 respuestas
13 vistas

Aplicacion publicada, no funciona en diferentes navegadores

vengo con la siguiente consulta: He creado una aplicación la cual la tengo publicada en mi servidor de railway. La misma aplicación, esta creada con React js, tailwind y next ui. El problema que estoy ...
Avatar del usuario tato8vio
  • 431
0 votos
0 respuestas
22 vistas

Mostrar el fondo de un elemento a través de un texto de otro - Css, TailwindCss

Quiero hacer que el texto <h1> sea transparente y me permita ver la etiqueta imagen <img>. Hice un bg-clip pero quiero que se vea la de atras, como hacer un agujero en el <section> &...
Avatar del usuario Angel Lugo
0 votos
0 respuestas
19 vistas

Modificar tamaño de imagenes de un carrusel usando la libreria flowbite

Lo que ocupo que las imágenes que coloque en el carrusel tengan una relación de mas altura que ancho. El tamaño de las imágenes son de 1080x2460 (tienen mas alto que ancho), pero flowbite en su ...
Avatar del usuario Lee Shemsung
0 votos
0 respuestas
31 vistas

¿Como volver a modo desarrollo un proyecto ya compilado que usa vite y tailwindcss en laravel 10?

Buenas me surgió una duda, o mas que duda problema que no logro resolver. Tengo un proyecto en laravel donde eh usado tailwindcss con vite. La cosa es que ya compilé el front ejecutando npm-run-build. ...
Avatar del usuario Fer Daniela
0 votos
0 respuestas
16 vistas

problema al centrar la paginacion?

hola como están tengo el siguiente problema quiero centrar la paginacion de mi sitio y que este debajo de toda la hoja en móvil se logro pero en las demás pantallas no y no logro corregirlo si ...
Avatar del usuario Nacho
  • 21
0 votos
1 respuesta
141 vistas

Estilos de colores de tailwind no funcionan en Astro

tengo un problema con astro en su version 4.4.5 donde genero un componente dinamico por medio de un map y en sus clases reciben un color por parametro pero estos se renderizan en blanco. <div class=...
Avatar del usuario Angel Magaquian
0 votos
1 respuesta
209 vistas

como establecer un tamaño fijo de una carta con tailwind

muy buenas, me encuentro desarrollando un proyecto con php, la cuestion esque quiero que la estructura de una carta mantenga el mismo tamaño, independientemente del tamaño de la imagen que se agregue ,...
Avatar del usuario Miguel Portillo
1 voto
1 respuesta
11 vistas

Tengo un listado de ingresos que se lista con un botón para eliminar el registro. Pero siempre elimina el último

{incomes && incomes.length > 0 ? <div className='border bg-white shadow-lg p-3 mt-4 mb-4'> <SectionHeader label={'Efectivos'} /> <div id='...
Avatar del usuario López Moreno Luis Apolinar
0 votos
1 respuesta
181 vistas

Como subo mi pagina web hecha con tailwind?

Soy nuevo en el desarrollo web y hace poco me introduje en Tailwind. Pude crear un proyecto y se ve todo bien, pero ahora quiero subirlo a algún hosting para ver como se ve y no se como hacerlo. Probé ...
Avatar del usuario Gonzalo Martinez
0 votos
1 respuesta
36 vistas

El scrollbar de una tabla no esta apareciendo y el que aparece es el de la pagina

como dice el título, estoy tratando de generar un scrollbar a la tabla, pero no está funcionando, pero si se está generando un scroll, pero a nivel página y no quiero eso porque se me está rompiendo ...
Avatar del usuario Boolean
  • 828
0 votos
0 respuestas
65 vistas

Comportamiento inintencionado al convertirse en componente de react (efecto parallax se estanca en la esquina)

Buenas tengo el siguiente problema, realize este experimento en html basico y queria que me ayudaran a saber como convertirlo a un componente de react. Como esta en mi repo Yo pienso que seria algo ...
Avatar del usuario Egon Stetmann.
0 votos
0 respuestas
33 vistas

Problema con la instalacion de tailwindcss

se me hace imposible compilar tailwind con "ES Modules" en mi proyecto no se si tenga que ver con que esto usando express y pug me genera error de compilation , me marca el siguiente error:...
Avatar del usuario lisandro sierra
0 votos
0 respuestas
110 vistas

Como bloquear la pantalla al abrir un menú desplegable? (Para una pagina web en Mobile)

primero quiero explicar lo que quiero hacer, en la versión mobile de un sitio quiero hacer que un botón al tocarlo abra un menú desplegable con opciones distintas opciones. El menú es el siguiente: ...
Avatar del usuario Marcos Lopez
0 votos
1 respuesta
180 vistas

Imágenes de fondo de tailwind no funcionan al hacer build con vite

Estoy haciendo un proyecto que usa Tailwind, Vite y React. Cuando desarrollo en dev la imagen de fondo se ve correctamente, pero cuando hago el build la imagen de fondo no se muestra y es porque ...
Avatar del usuario Bender Paisa
  • 12.5k
0 votos
1 respuesta
190 vistas

pagination personalizada con Laravel y Taillwind CSS

deseo personalizar la paginación, no quiero usar el estilo que me da por defecto esto: {{ variable->links() }}. A partir de un estilo de paginación que tengo personalizado a mi gusto quiero que ...
Avatar del usuario williamrb
0 votos
0 respuestas
66 vistas

Calculadora Tailwinds css

quisiera preguntar si alguien me puede ayudar con un codigo. Estoy haciendo una calculadora con tailwind css y react (solo por practicar) para no agregar 15 botones aprox, cree un arreglo con objetos, ...
Avatar del usuario Luis C
  • 21
0 votos
1 respuesta
604 vistas

Cómo quitar los estilos por defecto de tailwinds css para un segmento en especifico

Estoy usando taildwinds css en next:13, y con un editor de rich text (TinyMCE) en el cual estoy generando la descripción de un producto que incluyen diferentes elementos como listas y tablas. Esto se ...
Avatar del usuario Jonas Garcia
-1 votos
1 respuesta
208 vistas

¿Cómo puedo hacer para que los estilos se muestren en el startet kit de Laravel Jetstream?

Me aparece así el login y el registro en mi starter kit de Laravel Jetstream Livewire El problema, creo yo, viene que al momento de la instalación de Jetstream, al ejecutar el comando "npm run ...
Avatar del usuario Omi
  • 11
0 votos
1 respuesta
146 vistas

Problema con run build en tailwind

Instalé Taildwind CSS en laravel 10, pero cuando quiero hacer un cambio siempre tengo que ejecutar php run build. Hay alguna manera para no hacer esto en cada cambio?
Avatar del usuario David Florez Quintero
0 votos
0 respuestas
68 vistas

Error 404 en github pages

Tengo una pagina que estoy intentando subir a github pages, pero al abrir el link me sale error 404: https://maydenot.github.io/passwordgenerator.github.io/, si le agrego al link el public/, que es la ...
Avatar del usuario Mayra Denot
1 voto
1 respuesta
17 vistas

cómo colorear el body en resoluciones de celulares y que no me aparezcan espacios blancos?... (Tailwind-Bootstrap)

Tengo un App en React, que cuando trabajo en el PC me va todo bien, pero al pasar a resoluciones para celulares, me queda ese cuadrito del body a un lado. Siendo que el componente tiene configurado ...
Avatar del usuario Vane Sánchez
0 votos
1 respuesta
345 vistas

Por qué TailwindCSS no me muestras los estilos en mi HTML?

Estoy haciendo una página para aprender y practicar Tailwind, pero al colocar las clases en mis etiquetas html, no se cambian los estilos. <head> <meta charset="UTF-8"> <...
Avatar del usuario Mayra Denot
2 votos
1 respuesta
424 vistas

No se renderizan los estilos de Tailwindcss añadidos mediante templates strings

Tengo el siguiente componente de un botón; estoy utilizando tailwindcss para darle estilos, pero pasa algo y es que el valor de options.bg que lo añado utilizando las template strings no se renderiza ...
Avatar del usuario jhojan ropero
1 voto
1 respuesta
463 vistas

vite react + Tailwind no toma colores

estoy realizando un componente usando react, vite y tailwind css, en este componente realizo una consulta a la api de github, la respuesta de esta consulta contiene un color entre otros atributos, ese ...
Avatar del usuario Don-Mandi
0 votos
1 respuesta
174 vistas

Tailwind CSS no crea las carpetas en mi proyecto

Estoy tratando de instalar Tailwind y por más que esté en la carpeta correcta, el comando: npm install -D tailwindcss Al finalizar no crea la carpeta node_modules ni los .json, me tira el los ...
Avatar del usuario leoGonza
0 votos
1 respuesta
56 vistas

Como exportar los colores de Tailwind css a un modules.css

Estoy haciendo una sidebar en react con next js, uso tailwind pero para esta sidebar necesitaba algo mas personalizado una vez finalizado queria coordinar con los colores de tailwind para asi funciona ...
Avatar del usuario user329032
0 votos
0 respuestas
106 vistas

¿Cómo hago para que mi proyecto con tailwind este listo para distribución y se apliquen los estilos?

Cuando lo intento subir vía hostinger con la carpeta dist se me pone la pagina sin estilos de tailwind y queda como si solo hubiese hecho en html. No se como hacer para que mi tailwind ya este listo ...
Avatar del usuario leoGonza
0 votos
1 respuesta
167 vistas

¿Cómo estilar HTML inyectado por innerHtml?

Estoy haciendo una página web en Angular (y estilando con Tailwind) que lee noticias enviadas por una API creada con Stripe. La API envía las noticias en markdown, por lo que estoy usando ngx-markdown ...
Avatar del usuario Nicolás Arévalo
0 votos
0 respuestas
15 vistas

Porque no se esta aplicando la clase rotate correctamente

Estoy haciendo el diseño de un reloj de manecillas digital con react y tailwind, tengo el array numbers que contiene los numeros que se ubican de forma circular, pero dentro de la funcion map al ...
Avatar del usuario Yhoan
0 votos
1 respuesta
80 vistas

Tailwind no funciona cuando apago y vuelvo a prender la pc (instalacion CLI)

ayer estuve haciendo una página a la cual le aplique estilos con Tailwind (seguí la instalación de Tailwind por CLI) y todo andaba perfecto, los estilos se aplicaban perfectamente. Hoy vuelvo a ...
Avatar del usuario goga
  • 19
0 votos
1 respuesta
116 vistas

bin/dev no detecta cambios Tailwind en Rails 7 en contenedor Docker

Estoy ejecutando bin/dev. Las clases de Tailwind que uso en mi HTML funcionan. Pero si hago algún cambio en las clases, no se refrescan automáticaente en el navegador; tengo que detener el servidor ...
Avatar del usuario Johan Donado B.
0 votos
1 respuesta
82 vistas

Como mostrar dos imagenes completas en un mismo tamaño de div, como behance?

Resulta que estoy tratando de hacer una seccion donde se muestran varias imagenes, el formato es que el usuario previamente cargue desde un formulario las imagenes y la cantidad de columnas por bloque/...
Avatar del usuario joaquin lucero
0 votos
1 respuesta
116 vistas

Problema con Tailwind CSS "justify-between"

Estoy usando Tailwind, en mi menu quiero que se vea algo asi: <div class="navigation flex justify-between items-center container"> <vex-navigation-item></vex-navigation-...
Avatar del usuario Juan Castillo
-1 votos
1 respuesta
125 vistas

Error con Tailwind css y html: No me permite centrar el texto

tengo un error al centrar el footer...Así es como quiero que quede el footer: Hello, I have an error when centering the footer...This is how I want the footer to look: Así es como queda: This is how ...
Avatar del usuario Juan Quiroz
1 voto
0 respuestas
71 vistas

Cómo cambiar atributo de TailwindCss con useState en React

Hace no demasiado he empezado a programar y estoy aprendiendo React recientemente. Estoy intentando hacer un carousel de imágenes con dicha librería; al pulsar flecha de avance, muestre la imagen ...
Avatar del usuario Isaac
  • 11
2 votos
1 respuesta
610 vistas

No puedo hacer que un div en React con Tailwind ocupe todo el ancho de la página

Estoy intentando que el div ocupe todo el ancho de la página, con el siguiente código: import React from "react"; import { Link } from 'react-router-dom'; const Footer = () => { ...
Avatar del usuario Galo Papá
0 votos
1 respuesta
154 vistas

Pasar los datos a un modal

Tengo una lista de archivos con un boton de "eliminar archivo", el botón funciona pero para evitar errores y eliminar sin querer, decidí añadir un modal que sirva de alerta antes de eliminar ...
Avatar del usuario Mauricio
0 votos
0 respuestas
38 vistas

No funciona el top-0 ni el left-0 en Tailwind con posicion absolute

Estoy teniendo un problema debido a que no funciona el top-0 ni el left-0 para posicionar un elmento arriba a la izquierda, estoy trabajando con Tailwind y Django. Codigo de la sección del problema: ...
Avatar del usuario Crisandru