Skip to main content

Soportes

Vista full width

Ancho y distribución en pantallas full width desktop. El margen con respecto al contenedor del template siempre será de 16px.

alt-text

Comportamiento de las vistas full width estresadas con más de 1 sección.

alt-text

Modales

Los márgenes internos de los formularios dentro de los modales deben ser de 16px a los costados; arriba y abajo de 24px. En caso de que el contenido supere el alto del viewport el modal debe tener sus márgenes externos superior e inferior de 32px, estará visible la scrollbar y a su vez el footer action debe quedar fijo en la parte inferior del modal con una sombra cuando hay contenido oculto.

Roles: La vista modal del formulario debe estar contemplada para los distintos roles y siempre se toma como referencia el rol que tiene la vista más estresada (con más campos) para la definición del soporte y ambos roles deben tener el mismo soporte. Por ej si rol admin tiene un form en vista nueva con 11 campos y rol colaborador tiene el mismo pero por restricciones ve solo 4 este último debe ver el form en una vista nueva.

alt-text
alt-text
alt-text
alt-text

Soportes en Mobile

En buk diseñamos primero en pantallas desktop mayores a 960px, a la hora de visualizar este contenido en Mobile (menores a 960px) se conservarán los criterios mencionados para cada soporte (modal y full width), exceptuando la regla de 7 filas para modales.

alt-text
message

Hola 👋

Evalúa tu experiencia utilizando nuestro Design System

Déjanos un comentario