Program-AR / pilas-bloques-app

Pilas Bloques es una aplicación para enseñar y aprender a programar por medio de bloques de forma simple y divertida.
https://pilasbloques.program.ar/
GNU Affero General Public License v3.0
5 stars 6 forks source link

Diseño vertical #281

Closed dlopezalvas closed 6 months ago

dlopezalvas commented 6 months ago

Resolves #186 Peek 2024-04-30 17-48

De paso se agregó el footer del challenge workspace que queda mejor que el footer del home:

En modo oscuro: Captura desde 2024-04-30 17-53-22

El workspace hay que tocarlo para que también se ponga en modo oscuro, pero para ver en https://github.com/Program-AR/pilas-bloques-app/issues/272 Captura desde 2024-04-30 17-53-50

Se ve un poco raro en el telefono porque el logo de pilas en el header hace que tenga un tamaño minimo del cual si tenes la pantalla más chica, queda todo desacomodado. Para solucionar esto planteamos con @rgonzalezt hacer el menú hamburguesa que dice el issue, lo hago en otro PR (con este de base) para ir metiendo ya esto al menos.

rgonzalezt commented 6 months ago

Me encantó todo!!!

Me parece que estaría bueno modificar las proporciones de las partes. Ahora mismo todo el sector de bloques ocupa poquito espacio y la parte de la escena un montón. Veo que están ambos en un mismo stack, haría que el workspace ocupara más que la escena.

rgonzalezt commented 6 months ago

Por ejemplo, haciendo pruebas rápidas, así se vería con el SceneView con estas medidas width: "200px", height: "243px" y haciendo que el PBBlocklyWorkspace del EditableBlocklyWorkspace tenga heigth: '100%'

image image