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.
84
preguntas
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 ...
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 ...
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 ...
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="...
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 ...
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, ...
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 ({ ...
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 ...
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 ...
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",
...
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 ...
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?
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 ...
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 ...
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 ...
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 ...
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 ...
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">
<...
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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,
...
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 ...
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 ...
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 ...
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 ...
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/...
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-...
-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 ...
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 ...
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-...
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 ...
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 = () => {
...
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 ...
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
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 ...
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 ...
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 ...
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:
...
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 ...
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">
...
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, ...