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.
83 preguntas
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: [...
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 ...
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="/">
<...
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 ...
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, ...
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, ...
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 ...
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 ...
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 ...
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 ...
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-...
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
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
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>
&...
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 ...
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. ...
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 ...
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=...
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 ,...
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
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é ...
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 ...
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 ...
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:...
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:
...
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 ...
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 ...
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, ...
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 ...
-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 ...
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?
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 ...
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
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">
<...
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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/...
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-...
-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 ...
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 ...
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 = () => {
...
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 ...
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:
...