Hola, si no quieres escribir todos los estilos del profe, puedes copiarlos del siguiente commit, también viene incluido el cdn de tailwind por si lo olvidaste:
https://github.com/AbnirHencazs/tag-tdd/tree/c535da1e2901607385d88b01137d06dab54bf280
Introducción
Todo lo que aprenderás sobre testing con PHP y Laravel
La función del testing
PHPUnit en Laravel
Unit y Feature
Conceptos
El resultado
Probar un Helper
Accessors y Mutators
Método personalizado
Carga de archivos
Carga de archivos desde el navegador
Refactorización
Validación
Database
Proyecto
TDD
¿Qué vamos a construir?
Testing HTTP
Testing HTTP: vista con datos
Nuevo registro
Eliminar registro
Validación
Probando desde el navegador
Añadiendo estilos con Tailwind CSS
Aplicando pruebas unitarias a cambios
Conclusión
Repaso final y despedida
No tienes acceso a esta clase
¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera
Si ya tienes una cuenta,
No se trata de lo que quieres comprar, sino de quién quieres ser. Invierte en tu educación con el precio especial
Antes: $249
$209
Paga en 4 cuotas sin intereses
Termina en:
11 Días
16 Hrs
53 Min
50 Seg
Añadiendo estilos con Tailwind CSS
22/24Recursos
Aportes 6
Preguntas 0
Ordenar por:
Curso Tailwind en Platzi
Les dejo el maquetado de welcome.blade.php
<!DOCTYPE html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Laravel</title>
<link href="https://unpkg.com/tailwindcss@^2/dist/tailwind.min.css" rel="stylesheet">
</head>
<body class="bg-gray-200 py-10">
<div class="max-w-lg bg-white mx-auto p-5 rounded shadow">
<form action="tags" method="POST" class="flex mb-4">
@csrf
<input type="text" name="name" class="rounded-l bg-gray-200 p-4 w-full outline-none" placeholder="Nueva etiqueta">
<input type="submit" value="Agregar" class="rounded-r px-8 bg-blue-500 text-white outline-none">
</form>
<h4 class="text-lg text-center mb-4">Listado de Etiquetas</h4>
<table>
@forelse ($tags as $tag)
<tr>
<td class="border px-4 py-2">{{ $tag->name }}</td>
<td class="px-4 py-2">
<form action="tags/{{ $tag->id }}" method="post">
@csrf
@method('delete')
<input type="submit" value="Eliminar" class="px-3 rounded bg-red-500 text-white">
</form>
</td>
</tr>
@empty
<tr>
<td>
<p>No hay etiquetas</p>
</td>
</tr>
@endforelse
</table>
</div>
</body>
</html>
Mi aporte no tiene nada que ver con TDD pero en tailwind es mejor usar la misma paleta de colores o acentos para obtener un mejor resultado.
En lugar de usar text-white en los botones podemos combinar asi:
bg-red-500 text-red-100
bg-blue-500 text-blue-100
Tailwind documentación:
https://tailwindcss.com/docs/installation
<link href="https://unpkg.com/tailwindcss@^2/dist/tailwind.min.css" rel="stylesheet">
## 🦄✨Decidí conservar los colores de Laravel y hacer estilos responsivos. Así me quedó :3
¿Quieres ver más aportes, preguntas y respuestas de la comunidad?