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
14 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, ...
0 votos
0 respuestas
10 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, ...
1 voto
1 respuesta
51 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 ...
0 votos
1 respuesta
13 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 ...
0 votos
1 respuesta
149 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 ...
0 votos
0 respuestas
21 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 ...
0 votos
0 respuestas
39 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 ...
0 votos
0 respuestas
38 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-...
0 votos
1 respuesta
2k vistas

¿Como centrar el contenido tanto vertical como horizontalmente? <HTML/CSS>

Estoy teniendo un problema a la hora de centrar algo en el centro de la página, como podéis ver en el siguiente codepen https://codepen.io/alevidals/pen/gOLWexM tengo un texto que me gustaría centrar ...
0 votos
0 respuestas
43 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
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 ...
0 votos
0 respuestas
15 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> &...
0 votos
0 respuestas
27 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. ...
0 votos
0 respuestas
15 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 ...
0 votos
0 respuestas
15 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 ...
0 votos
1 respuesta
130 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 ,...
0 votos
1 respuesta
104 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=...
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='...
0 votos
1 respuesta
110 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-...
0 votos
1 respuesta
132 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é ...
0 votos
1 respuesta
25 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 ...
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 ...
1 voto
4 respuestas
11k vistas

¿Por qué no se me muestran los estilos de Tailwind-CSS en Laravel 8?

Cree el proyecto con la siguiente instrucción laravel new blog --jet luego corro npm install npm run dev cree el componente Alert php artisan make:component Alert el código de alert.blade.php es: &...
0 votos
1 respuesta
157 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 ...
0 votos
1 respuesta
450 vistas

Diseño Responsive no sirve con Tailwind CSS

En mi proyecto, estoy usando Tailwind CSS, ya tengo todo el sitio maquetado tanto en Escritorio como en celular, y en ambas resoluciones, el sitio se ve bien (Trabajando con el diseño adaptable de ...
0 votos
0 respuestas
30 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:...
0 votos
0 respuestas
33 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 ...
0 votos
0 respuestas
91 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: ...
0 votos
0 respuestas
36 vistas

Sobreposición con FullCalendar

Estoy usándolo en mi app con next/ts/tailwind, y recién he notado que se superpone a todo, he revisado todo el elemento en búsqueda de z-index y nada. En la imagen se ve el problema con el navbar pero ...
0 votos
0 respuestas
81 vistas

Problemas con el uso de componentes en Tailwindcss y HTML

He estado haciendo un poqueño curso de youtube sobre TailWind, pero al momento de usar las clases y componentes no se aplica la clase que quiero usar parece que todo lo que está en el @layer no lo ...
0 votos
0 respuestas
28 vistas

Color como prop no funciona en typescript

les cuento que quiero traer el color de unos botones, creados con new-component y no funciona. Desde un principio, funcionó pero desdpués dejó de hacerlo. interface ActionButtonProps extends React....
0 votos
1 respuesta
159 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 ...
0 votos
2 respuestas
397 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 ...
1 voto
1 respuesta
399 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 ...
0 votos
0 respuestas
103 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 ...
0 votos
0 respuestas
14 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="...
0 votos
0 respuestas
61 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, ...
0 votos
1 respuesta
532 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 ...
-1 votos
1 respuesta
172 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 ...
0 votos
1 respuesta
115 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?
0 votos
0 respuestas
62 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 ...
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 ...
0 votos
1 respuesta
305 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"> <...
2 votos
1 respuesta
365 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 ...
0 votos
1 respuesta
75 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 ...
0 votos
1 respuesta
53 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 ...
0 votos
0 respuestas
99 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 ...
0 votos
1 respuesta
101 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 ...
0 votos
1 respuesta
141 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 ...
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 ...