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
15 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 ...
Bender Paisa's user avatar
  • 12.6k
0 votos
1 respuesta
18 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 ...
williamrb's user avatar
0 votos
0 respuestas
20 vistas

Dejar fijo el lado izquierdo y derecho de la pantalla y que el centro de la misma tenga scroll

necesito ayuda con el siguiente tema, estoy armando una página con Laravel y Tailwind, lo que necesito es que en la pantalla, ambos laterales queden fijos en función del alto disponible de la pantalla ...
René Merlo's user avatar
0 votos
0 respuestas
5 vistas

Cómo hago que aparezcan los manejadores del input number

Estoy usando react, next js, tailwind. Al colocar el input, solo se muestran los manejadores cuando paso el cursor o doy clic. <input type="number" className="...
Julio César's user avatar
0 votos
0 respuestas
7 vistas

Cómo replicar una animación hecha en webFlow en react con next.js

Cómo están? Perdón la molestia, pero tengo una duda que me está comiendo la cabeza. Necesito replicar la animación inicial de la página [1]: https://www.ghimprove.com/mx/inicio Los desarrolladores ...
Lucas Negro's user avatar
0 votos
0 respuestas
29 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, ...
Luis C's user avatar
  • 29
0 votos
0 respuestas
9 vistas

Utilizar ruta dinámica desde db para generar un bg en tailwind

hola estoy creando un sitio en next.js 13 y tailwind y quiero generar un bg con una ruta dinamica que llega de la database, pero me da este error : aqui el codigo: const BlogCard = async ({ ...
Isaias Garcia's user avatar
0 votos
1 respuesta
37 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 ...
Jonas Garcia's user avatar
0 votos
1 respuesta
18 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 ...
Omi's user avatar
  • 11
0 votos
0 respuestas
16 vistas

color primary de configuración en tailwind no está funcionando

Estoy trabajando con reactjs, tailwind, postcss, y vitejs, y tengo mi configuración de tailwind: /** @type {import('tailwindcss').Config} */ export default { content: [ "./index.html", ...
Jesus Diaz's user avatar
0 votos
0 respuestas
14 vistas

Datatable sobrepasa a su elemento padre en tamaño de altura

Tengo un datatable dentro de un div, el div tiene una altura máxima, y el datatable tiene la clase de tailwind h-full para que tome el tamaño del elemento padre, pero aún así el datatable sobrepasa al ...
Jesus Diaz's user avatar
0 votos
1 respuesta
40 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?
David Florez Quintero's user avatar
0 votos
0 respuestas
22 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 ...
Mayra Denot's user avatar
1 voto
1 respuesta
16 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 ...
Vane Sánchez's user avatar
0 votos
0 respuestas
29 vistas

Quiero conseguir que un div se sobreponga a otro

Estoy construyendo una aplicación web. En el home page / se renderiza un componente Home, el cual contiene un componente Navar en la parte superior y un componente Carousel en el cuerpo. Cuando el ...
Carlos L Salcedo's user avatar
0 votos
0 respuestas
17 vistas

¿Cómo subo un proyecto a GitHub si el index.html no está en la carpeta raíz, sino en otra llamada "src" dentro de la misma?

Estoy usando Tailwind y metí el index.html en una carpeta llamada src, entonces si subo el repositorio así, me dará error al ver el deploy en github, ya que el index.html no está en la raíz ¿Cómo ...
Juan David Granadillo's user avatar
0 votos
0 respuestas
36 vistas

¿Cómo podría hacer este código responsive usando Tailwind?

aqui dejare la imagen que estoy usando: https://www.bbva.com/wp-content/uploads/2020/12/turismo_sostenible.jpg lo que necesito es cuando pase esta web a un telefono se vea bien, no deforme usando ...
Fernando Martinez's user avatar
0 votos
1 respuesta
20 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"> <...
Mayra Denot's user avatar
2 votos
1 respuesta
69 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 ...
jhojan ropero's user avatar
1 voto
1 respuesta
49 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 ...
Don-Mandi's user avatar
0 votos
0 respuestas
29 vistas

Problema Modal con Tailwindcss + Laravel 10 que sobre pone fondo negro

Estoy insertando un modal con Tailwindcss en mi proyecto en Laravel 10 y al darle al botón para abrir el modal todo sucede como se espera, a excepción del fondo negro que se sobre pone ante todo el ...
Félix Eduardo León Sosa's user avatar
0 votos
0 respuestas
10 vistas

Taildwind render en next.js 13

Estoy intentando renderizar un componente y otro para escritorio, para esto uso un custom hook que detecta window.matchMedia(query).matches y ver si está en mobile en cierta resolución, la cuestión ...
Jon's user avatar
  • 65
0 votos
0 respuestas
23 vistas

¿Porque mi controlador no manda error 404 cuando quiere mostrar un modelo que no existe? laravel 10

estoy creando una pagina web, instale alphine, laravel 10, livewire y tailwind, cree mis modelos, mis migraciones y todo, no modifique nada de la configuración de laravel, pero cuando empece a ahcer ...
Luis Garcia's user avatar
0 votos
0 respuestas
41 vistas

Problema de posición de elementos Tailwind CSS

Buen día recién estoy aprendiendo a usar Tailwind CSS y tengo esta duda, en el código quiero alinear las cards y el texto de manera vertical uno con respecto al otro, pero por más que pongo clases ...
G_Man.'s user avatar
  • 1
0 votos
0 respuestas
42 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 ...
leoGonza's user avatar
0 votos
0 respuestas
58 vistas

Problema con la importación de un componente (Next.js 13 + tailwindcss)

Tengo un problema con la importación de un componente en mi proyecto. El archivo headlessui.esm.js ubicado en ./node_modules@headlessui\react\dist/ está generando un error de ...
Enrique Morales's user avatar
0 votos
1 respuesta
24 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 ...
user329032's user avatar
0 votos
0 respuestas
34 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 ...
leoGonza's user avatar
0 votos
1 respuesta
31 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 ...
Nicolás Arévalo's user avatar
0 votos
0 respuestas
21 vistas

Problemas en deploy con react y firebase hosting

Estoy haciendo un deploy de un proyecto react + tailwind css, flowbite y firebase en firebase hosting, el problema cuando se realiza el deploy: solo sale una pantalla blanca y no se muestra la página, ...
Pablo0027's user avatar
0 votos
0 respuestas
12 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 ...
Yhoan 's user avatar
0 votos
1 respuesta
30 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 ...
goga's user avatar
  • 19
0 votos
1 respuesta
32 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 ...
Johan Donado B.'s user avatar
0 votos
0 respuestas
23 vistas

Me salta un error de "Undefined Array Key" en la linea 49,50 y 51 pero no sé a qué se pueda deber, lenguaje php

este es el codigo fuente, al revisar las lineas de el error no sé de que se pueda tratar, lo raro es que si cargan las imagenes en este caso las playlist, pero al tratarse de una web justo abajo de ...
Camilo Linares Murilo's user avatar
0 votos
1 respuesta
39 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/...
joaquin lucero's user avatar
0 votos
0 respuestas
39 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-...
Juan Castillo's user avatar
-1 votos
1 respuesta
55 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 ...
Juan Quiroz's user avatar
1 voto
0 respuestas
25 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 ...
Isaac's user avatar
  • 11
0 votos
0 respuestas
67 vistas

Error con Tailwind css

Estoy tratando de instalar tailwind css en mi proyecto angular pero me detiene el siguiente error: Cannot find module '@angular/cli/utilities/package-manager' Require stack: C:\xampp\htdocs\ecotemper-...
Miguel__Olvera's user avatar
0 votos
0 respuestas
36 vistas

Shorthand background en Tailwindcss

me pregunto como puedo utilizar el shorthand de background en Tailwindcss, quiero aplicar un fondo de una imagen png y debajo otro de un degradado, en la documentación de tailwindcss, solo me permite ...
WALTER CASTRO's user avatar
2 votos
1 respuesta
147 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 = () => { ...
Galo Papá's user avatar
0 votos
0 respuestas
9 vistas

Como puedo mostrar solo un Popper si seleccionan otro o si hacen clic en otra parte de la pagina?

Estoy colocando algunos POPPER en mi codigo y no encuentro la manera de que solo se quede abierto un solo POPPER lo que busco es que al seleccionar algun otro desaparezca o si hacen click fuera del ...
Fernando Diaz's user avatar
0 votos
0 respuestas
15 vistas

Display:inline nativewind y React Native

He estado revisando la documentación de nativewind y por lo visto no soporta display:inline, ¿Hay algo similar para lograr un resultado parecido a esto? Utilizo react native con expo, y nativewind
Alberto Teixidó's user avatar
0 votos
1 respuesta
68 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 ...
Mauricio's user avatar
0 votos
0 respuestas
32 vistas

como acomodar un elemento absoluto que se corre hacia arriba?

estoy tratando de crear una barra de navegacion la cual al ingresar unos caracteres se despliegue un div con las busquedas relacionadas este es el codigo que tengo de momento estoy usando vue3 y ...
Emanuel bass's user avatar
0 votos
0 respuestas
26 vistas

Acomodar objeto en Laravel

me gustaría, saber como poner mi objeto no se mueva y tengo un tamaño predefinido para que no se mueva, Estoy trabajando en laravel, con tailwind y flowbite. Hay en algunas que si me respeta el tamaño ...
desarrolladortres's user avatar
0 votos
0 respuestas
17 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: ...
Crisandru's user avatar
0 votos
2 respuestas
86 vistas

Error con las clases de tailwind junto con variables de javascritpt

Tengo un componente de react que recibe por props una variable llamada color, dependiendo de esa variable le establece el color a una alerta de tailwind, el problema es que la variable color no ...
Romera02's user avatar
0 votos
0 respuestas
15 vistas

Alimeacion de elementos

[![<body class="h-full font-GilroyRegular bg-bgPrimary"> <div class="grid cnt h-full"> <nav class="grid grid-cols-2 py-4 h-auto content-end"> ...
Nicolas's user avatar
0 votos
0 respuestas
79 vistas

Condicional en CLassName

Quiero agregar un condicional que dependiendo del estado muestre una clase u otra en un className pero no logro que funcione. Esto es más o menos lo que quiero hacer: Estado: const [active, ...
Elián Barrios's user avatar