From 76c05a58206b438ecd31d9662969da9c233eeebf Mon Sep 17 00:00:00 2001
From: Lizandro Guarnizo <77708265+lizandrogd@users.noreply.github.com>
Date: Sat, 27 Jun 2026 08:34:05 -0500
Subject: [PATCH] fix: logo prosapp mas grande y visible en sidebar con
 loadingBuilder

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 lib/ui/shared/widgets/logo.dart | 37 ++++++++++++++++++++++++++-------
 1 file changed, 30 insertions(+), 7 deletions(-)

diff --git a/lib/ui/shared/widgets/logo.dart b/lib/ui/shared/widgets/logo.dart
index 32352c5..967a562 100644
--- a/lib/ui/shared/widgets/logo.dart
+++ b/lib/ui/shared/widgets/logo.dart
@@ -6,36 +6,59 @@ class Logo extends StatelessWidget {
   @override
   Widget build(BuildContext context) {
     return Container(
-      padding: const EdgeInsets.symmetric(vertical: 28, horizontal: 20),
+      padding: const EdgeInsets.fromLTRB(20, 28, 20, 20),
       child: Column(
         children: [
           Container(
-            padding: const EdgeInsets.symmetric(horizontal: 14, vertical: 10),
+            width: double.infinity,
+            padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 14),
             decoration: BoxDecoration(
               color: Colors.white,
-              borderRadius: BorderRadius.circular(12),
+              borderRadius: BorderRadius.circular(14),
+              boxShadow: [
+                BoxShadow(
+                  color: Colors.black.withOpacity(0.25),
+                  blurRadius: 10,
+                  offset: const Offset(0, 4),
+                ),
+              ],
             ),
             child: Image.network(
               'https://www.prosapp.co/img/logo_prosapp.png',
-              height: 32,
+              height: 38,
               fit: BoxFit.contain,
+              loadingBuilder: (context, child, progress) {
+                if (progress == null) return child;
+                return const SizedBox(
+                  height: 38,
+                  child: Center(
+                    child: SizedBox(
+                      width: 20,
+                      height: 20,
+                      child: CircularProgressIndicator(strokeWidth: 2, color: Color(0xFF42A4EF)),
+                    ),
+                  ),
+                );
+              },
               errorBuilder: (_, __, ___) => const Text(
                 'ProsApp',
+                textAlign: TextAlign.center,
                 style: TextStyle(
-                  fontSize: 16,
+                  fontSize: 20,
                   fontWeight: FontWeight.bold,
                   color: Color(0xFF42A4EF),
+                  letterSpacing: 0.5,
                 ),
               ),
             ),
           ),
-          const SizedBox(height: 8),
+          const SizedBox(height: 10),
           const Text(
             'Conecta con profesionales',
             style: TextStyle(
               color: Color(0xFF8BAFD4),
               fontSize: 10,
-              letterSpacing: 0.3,
+              letterSpacing: 0.5,
             ),
           ),
         ],