# 📸 Como Adicionar a Imagem do Side Card

## 🎯 Objetivo
Adicionar a screenshot do side card na documentação para referência visual.

## 📋 Passos Simples

### 1. Capturar Screenshot
- Abra a aplicação no navegador
- Navegue para: **Motoristas** → **Editar algum motorista**
- Tire screenshot do **side card** (painel direito)
- Certifique-se que mostra:
  - ✅ "Resumo do Motorista" (header)
  - ✅ Imagem do veículo
  - ✅ Todos os campos (CNH, Nome, etc.)

### 2. Salvar Arquivo
```bash
# Salvar como PNG no diretório:
projects/idt_app/samples_screem/side-card-driver-example.png
```

### 3. Ativar na Documentação
Após salvar, editar o arquivo:
```
projects/idt_app/src/app/shared/sidecard/README.md
```

**Substituir esta linha:**
```markdown
<!-- TODO: Adicionar imagem do side card -->
```

**Por esta:**
```markdown
![Side Card - Resumo do Motorista](../../../../samples_screem/side-card-driver-example.png)
```

## ✅ Verificação
- [ ] Arquivo `side-card-driver-example.png` existe
- [ ] Imagem aparece na documentação
- [ ] Qualidade adequada (mínimo 400px largura)

---
**Resultado:** Documentação com preview visual do side card funcionando! 🎉 