fix/feat: menú social en Adicionales, botón publicar visible y bug dropdown búsqueda

- Menú: mueve Comunidad/Amigos/Mensajes a la sección Adicionales (elimina duplicado Chats)
- Feed: botón Publicar más grande con ícono, textarea sin pill para mejor UX
- Header búsqueda: corrige bug que cerraba el dropdown al hacer click en él
  (mousedown en el contenedor bloquea el cierre hasta que se suelta el botón)

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
2026-04-28 17:30:06 -06:00
parent d7ae38ce27
commit e0205ec725
3 changed files with 33 additions and 36 deletions
+11 -11
View File
@@ -11,21 +11,21 @@
@csrf
<div class="d-flex align-items-start">
<img src="{{ auth()->user()->profile_photo_url }}"
class="rounded-circle mr-3" width="42" height="42" style="object-fit:cover">
<div class="flex-grow-1">
<textarea name="body" class="form-control border-0 bg-light rounded-pill px-3 py-2"
rows="2" placeholder="¿Qué estás pensando, {{ auth()->user()->name }}?"
style="resize:none"></textarea>
</div>
class="rounded-circle mr-3 flex-shrink-0" width="42" height="42" style="object-fit:cover">
<textarea name="body" class="form-control border-0 bg-light px-3 py-2 flex-grow-1"
rows="3" placeholder="¿Qué estás pensando, {{ auth()->user()->name }}?"
style="resize:none; border-radius:12px"></textarea>
</div>
<div class="d-flex align-items-center justify-content-between mt-2 pt-2 border-top">
<label class="btn btn-light btn-sm mb-0">
<i class="fas fa-image text-success mr-1"></i> Foto
<div class="d-flex align-items-center justify-content-between mt-3 pt-2 border-top">
<label class="btn btn-light btn-sm mb-0 px-3">
<i class="fas fa-image text-success mr-1"></i> Agregar foto
<input type="file" name="image" accept="image/*" hidden id="post-image-input">
</label>
<span id="post-image-name" class="text-muted small flex-grow-1 ml-2"></span>
<button type="submit" class="btn btn-primary btn-sm rounded-pill px-4">Publicar</button>
<span id="post-image-name" class="text-muted small flex-grow-1 mx-2 text-truncate"></span>
<button type="submit" class="btn btn-primary px-4">
<i class="fas fa-paper-plane mr-2"></i> Publicar
</button>
</div>
</form>
</div>