fix: increase header logo size and reduce nav link spacing

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
SITO 2026-05-01 01:50:36 +02:00
parent dad3871c65
commit 82162830ec
3 changed files with 112 additions and 69 deletions

View file

@ -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 <details>/<summary>: 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 <ruta al proyecto>/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/