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,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 <details>/<summary>
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

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/