From 82162830ec990bd21d1ee1cb73d230dfa441f254 Mon Sep 17 00:00:00 2001 From: SITO Date: Fri, 1 May 2026 01:50:36 +0200 Subject: [PATCH] fix: increase header logo size and reduce nav link spacing Co-Authored-By: Claude Sonnet 4.6 --- CONTEXT/03_GIT_ESTADO.txt | 46 ++++--- CONTEXT/05_PROXIMOS_PASOS.txt | 120 +++++++++++------- .../src/client/assets/styles/mobile.css | 15 ++- 3 files changed, 112 insertions(+), 69 deletions(-) diff --git a/CONTEXT/03_GIT_ESTADO.txt b/CONTEXT/03_GIT_ESTADO.txt index 022e52bc..04826db8 100644 --- a/CONTEXT/03_GIT_ESTADO.txt +++ b/CONTEXT/03_GIT_ESTADO.txt @@ -1,5 +1,5 @@ =============================================================== - GIT — ESTADO (actualizado 2026-04-28) + GIT — ESTADO (actualizado 2026-05-01) =============================================================== REPO LOCAL: /home/sito/COFRE/CODERS/oasis_mobile/ @@ -8,31 +8,39 @@ USUARIO: s1to RAMA ACTIVA: test -------------------------------------------------------------- -COMMITS ACTUALES (cronologico) +COMMITS (mas reciente primero) -------------------------------------------------------------- -9a96d77 first commit -f88a179 oasis_mobile 6.9 — APK descompilada + source completo -54ad8a1 feat: add QR codes for tribe invites, pub invites and user profile sharing -5ee14d9 docs: add CONTEXT folder with project documentation -0fc10be feat: invite trazability via inviteLog and pub-invite SSB events +dad3871 feat: add QR share button to profile and fix mobile header layout +9ee8fd6 fix: flatten filter buttons layout for mobile in activity, stats and trending +07403d1 docs: add detailed change documentation per feature phase +ae7f0c1 docs: update CONTEXT with current state, architecture and Android Studio guide b48944e feat: mobile visual improvements and CSS cleanup +0fc10be feat: invite trazability via inviteLog and pub-invite SSB events +5ee14d9 docs: add CONTEXT folder with project documentation +54ad8a1 feat: add QR codes for tribe invites, pub invites and user profile sharing +f88a179 oasis_mobile 6.9 (APK descompilada + source) +9a96d77 first commit ESTADO: Working tree clean -------------------------------------------------------------- -ARCHIVOS MODIFICADOS EN SESIONES DE TRABAJO +ARCHIVOS MODIFICADOS (todas las sesiones) -------------------------------------------------------------- -src/views/tribes_view.js -> async + QR invite code -src/views/invites_view.js -> async + QR pub invite -src/views/inhabitants_view.js -> async + QR perfil SSB ID -src/views/blockchain_view.js -> filtro invites + renderInviteExtra -src/views/main_views.js -> viewport-fit=cover (notch) -src/models/tribes_model.js -> inviteLog trazabilidad completa -src/models/main_models.js -> publica SSB msg type:pub-invite -src/models/blockchain_model.js -> filtro invites en listBlockchain -src/client/assets/themes/OasisMobile.css -> reescrito limpio (tema color) -src/client/assets/styles/mobile.css -> reescrito completo (480 lineas) -src/client/assets/styles/style.css -> añadidos estilos QR, invites +src/views/tribes_view.js -> async + QR invite code tribe +src/views/invites_view.js -> async + QR pub invite +src/views/inhabitants_view.js -> async + QR perfil SSB ID +src/views/blockchain_view.js -> filtro invites + renderInviteExtra +src/views/main_views.js -> viewport-fit=cover + async authorView + + QR Compartir ID con
/ +src/views/activity_view.js -> mode-buttons aplanado (sin inline grid) +src/views/stats_view.js -> mode-buttons sin inline style +src/views/trending_view.js -> mode-buttons aplanado + trending-container clase +src/models/tribes_model.js -> inviteLog trazabilidad completa +src/models/main_models.js -> publica SSB msg type:pub-invite +src/models/blockchain_model.js -> filtro invites en listBlockchain +src/client/assets/themes/OasisMobile.css -> reescrito + qr-share-btn/panel theming +src/client/assets/styles/mobile.css -> reescrito + header compacto + logo 38px +src/client/assets/styles/style.css -> estilos QR, invites, qr-share, trending-container -------------------------------------------------------------- PROBLEMA DE CONECTIVIDAD AL REMOTO diff --git a/CONTEXT/05_PROXIMOS_PASOS.txt b/CONTEXT/05_PROXIMOS_PASOS.txt index bc918787..59f726ff 100644 --- a/CONTEXT/05_PROXIMOS_PASOS.txt +++ b/CONTEXT/05_PROXIMOS_PASOS.txt @@ -1,49 +1,91 @@ =============================================================== - PROXIMOS PASOS Y TAREAS PENDIENTES (2026-04-28) + PROXIMOS PASOS Y TAREAS PENDIENTES (2026-05-01) =============================================================== -------------------------------------------------------------- CRITICO — PENDIENTE -------------------------------------------------------------- [ ] Resolver conectividad al servidor Gitea (code.03c8.net:3000) - -> Comprobar firewall: ufw allow 3000/tcp - -> Verificar Gitea: systemctl status gitea + -> Diagnostico: nc -zv code.03c8.net 3000 -w 5 + -> Si el servidor es tuyo: ufw allow 3000/tcp + -> Verificar: systemctl status gitea -> Una vez resuelto: git push -u origin test -------------------------------------------------------------- -IMPLEMENTADO (commits 54ad8a1, 0fc10be, b48944e) +IMPLEMENTADO EN ESTA SESION +-------------------------------------------------------------- +[x] Botones activity/stats/trending aplanados (sin inline grid) + activity_view.js, stats_view.js, trending_view.js + -> mode-buttons ahora es fila CSS sin estilos inline + -> En movil: scroll horizontal correcto + +[x] QR "Compartir ID" en pagina de perfil/avatar + main_views.js -> authorView() ahora async + -> Elemento
/: boton nativo HTML, sin JS + -> Muestra QR grande del SSB ID + texto del ID debajo + -> CSS en style.css (.qr-share-*) y OasisMobile.css (colores) + +[x] Header movil compacto + mobile.css -> reescrito sin display:contents + -> Logo 38px, links con padding 3px 4px, font 0.72rem + -> top-bar-left: flex row flex:1 + -> top-bar-right: flex row flex-shrink:0 + -> Todo en una fila sin conflictos + +-------------------------------------------------------------- +IMPLEMENTADO EN SESIONES ANTERIORES -------------------------------------------------------------- [x] QR en invite de tribe (tribes_view.js) [x] QR en invite de pub SSB (invites_view.js) -[x] QR del ID SSB en perfil de usuario (inhabitants_view.js) -[x] inviteLog en tribes con trazabilidad completa (tribes_model.js) +[x] QR del ID SSB en lista de inhabitants (inhabitants_view.js) +[x] inviteLog trazabilidad en tribes (tribes_model.js) [x] SSB msg type:'pub-invite' al aceptar pub invite (main_models.js) -[x] Filtro 'invites' en blockchain explorer (blockchain_model/view) +[x] Filtro 'invites' en blockchain explorer [x] renderInviteExtra() con tabla detallada en blockchain_view.js [x] viewport-fit=cover para notch Android/iOS (main_views.js) -[x] mobile.css completo (480 lineas: safe-area, touch, QR lightbox) +[x] mobile.css completo (safe-area, touch targets, QR lightbox) [x] OasisMobile.css limpio (solo theming, sin duplicar mobile.css) -------------------------------------------------------------- COMO CORRER EL PROYECTO -------------------------------------------------------------- - LOCALMENTE en tu maquina: - cd /home/sito/COFRE/CODERS/oasis_mobile/nodejs-project/nodejs-project - npm install (si no se ha hecho antes) - node main.js - Abre: http://localhost:3000 + cd /home/sito/COFRE/CODERS/oasis_mobile/nodejs-project/nodejs-project + node main.js + Abre: http://localhost:3000 - EN ANDROID STUDIO: - 1. Abrir Android Studio - 2. View -> Tool Windows -> Terminal - 3. cd /nodejs-project/nodejs-project - 4. node main.js - 5. Abrir browser o emulador en http://localhost:3000 + En Chrome: F12 -> icono movil (Ctrl+Shift+M) -> Pixel 7 o similar + Esto muestra mobile.css y todos los cambios visuales. - ALTERNATIVA (emulador Android): - - Compilar el APK Android que envuelve el Node.js - - El APK usa node-on-android para correr el servidor interno - - Requiere entorno Android SDK configurado + npm install solo si es la primera vez o cambias dependencias. + +-------------------------------------------------------------- +PORQUE NO SE PUEDE EJECUTAR EN ANDROID STUDIO (explicacion) +-------------------------------------------------------------- + Lo que hay en el repo es una APK DESCOMPILADA, no el proyecto fuente. + Concretamente: + - classes.dex -> bytecode Dalvik COMPILADO (no codigo fuente) + - AndroidManifest.xml -> codificado en binario (no XML legible) + - lib/arm64-v8a/ -> libnative-lib.so, libnode.so, libc++_shared.so + (binarios nativos, no fuente Kotlin) + - No hay build.gradle, settings.gradle, ni archivos .kt/.java + + PARA COMPILAR LA APK SE NECESITA: + 1. El proyecto Android original (Kotlin + Gradle) + que estaria en el servidor del dev o en el repo completo de krakenslab + 2. El ZIP del nodejs-project actualizado se pondria en assets/ + 3. Con el proyecto fuente: Build -> Generate APK en Android Studio + + LO QUE SI PUEDES HACER HOY: + - Correr el servidor Node.js local (node main.js) + - Ver en Chrome con emulacion movil (F12 -> toggle device) + - Instalar la APK original en el emulador: + adb install /home/sito/Downloads/oasis-v0.6.8.apk + (esto instala la version sin tus cambios, solo para referencia) + + PARA TENER UN APK CON TUS CAMBIOS: + - Necesitas el proyecto Kotlin fuente + - Actualizar assets/nodejs-project.zip con el Node.js modificado + - Compilar desde Android Studio -------------------------------------------------------------- CLAUDE CODE EN ANDROID STUDIO @@ -51,39 +93,25 @@ CLAUDE CODE EN ANDROID STUDIO OPCION 1 (recomendada): JetBrains Plugin - Android Studio -> Settings -> Plugins -> Marketplace - Buscar: "Claude Code" o "Anthropic" - - Instalar y reiniciar - - Aparece como panel lateral en el IDE + - Instalar y reiniciar -> panel lateral en el IDE - OPCION 2: Terminal integrada de Android Studio + OPCION 2: Terminal integrada - View -> Tool Windows -> Terminal - Ejecutar: claude (si Claude Code CLI esta instalado) - - Claude Code CLI: https://claude.ai/code - - OPCION 3: Terminal externa - - Abrir una terminal normal (Konsole, GNOME Terminal) - - cd al proyecto y correr: claude -------------------------------------------------------------- POSIBLES MEJORAS FUTURAS -------------------------------------------------------------- +[ ] Boton "Copiar codigo" junto al QR de invite (tribe/pub) [ ] QR en vista individual de cada tribe (para compartir URL) -[ ] Boton "Copiar codigo" junto al QR de invite [ ] QR para cada pub activo en la tabla de pubs -[ ] Testing: arrancar la app y verificar que los QR se renderizan -[ ] Comprobar que inviteLog se persiste correctamente en SSB - --------------------------------------------------------------- -COMPARACION CON UPSTREAM --------------------------------------------------------------- - github.com/epsylon/oasis -> version basica (~15 vistas) - Local -> version avanzada (43 vistas, IA, blockchain, etc.) - CONCLUSION: No hay que actualizar desde upstream. - El local ya es mas completo. +[ ] Obtener proyecto Kotlin fuente para poder compilar APK con cambios +[ ] Comprobar que inviteLog se persiste correctamente al reiniciar SSB -------------------------------------------------------------- COMO RETOMAR EN NUEVA SESION -------------------------------------------------------------- - 1. Abrir: /home/sito/COFRE/CODERS/oasis_mobile/ - 2. Leer CONTEXT/01_PROYECTO.txt para orientarse - 3. El codigo esta en: nodejs-project/nodejs-project/src/ - 4. git log --oneline para ver el estado actual + 1. Leer CONTEXT/00_INDICE.txt para orientarse + 2. git log --oneline para ver el estado + 3. node main.js en nodejs-project/nodejs-project/ + 4. El codigo esta en: nodejs-project/nodejs-project/src/ diff --git a/nodejs-project/nodejs-project/src/client/assets/styles/mobile.css b/nodejs-project/nodejs-project/src/client/assets/styles/mobile.css index 993b9511..df86d28c 100644 --- a/nodejs-project/nodejs-project/src/client/assets/styles/mobile.css +++ b/nodejs-project/nodejs-project/src/client/assets/styles/mobile.css @@ -107,16 +107,17 @@ pre, code { } a.logo-icon img.logo-icon { - width: 28px !important; - height: 28px !important; + width: 38px !important; + height: 38px !important; display: block !important; + margin-right: 4px !important; } .header nav ul li a, .top-bar-left nav ul li a, .top-bar-right nav ul li a { - padding: 4px 6px !important; - font-size: 0.75rem !important; + padding: 3px 4px !important; + font-size: 0.72rem !important; min-height: auto !important; border: none !important; white-space: nowrap !important; @@ -124,6 +125,12 @@ a.logo-icon img.logo-icon { line-height: 1.2 !important; } +/* Ocultar el emoji en los links del header para ahorrar espacio */ +.header nav ul li a .emoji { + font-size: 0.85em !important; + margin-right: 1px !important; +} + .oasis-nav-header { font-size: 0.85rem !important; } .oasis-nav-list li a { font-size: 0.9rem !important;