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.
85
preguntas
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 ...