¿Línea debajo del avatar?

Hola chicos, me preguntaba si alguien sabe cómo mostrar una línea debajo del avatar. Lo vi en el foro de Figma y creo que se ve bastante genial.

1 me gusta

¡Bienvenido paranoya!

(un enlace de ejemplo de sigma como referencia: https://forum.figma.com/t/introduce-yourself/102/2)

Es realmente una buena personalización.

Puedes ver cómo lo hacen usando esta guía:

Te ayudará a realizar muchas personalizaciones visuales en tu foro.

En Figma, podemos apuntar al elemento de línea de esta manera:

Agregaron esto al CSS de su tema:

.topic-body:before {
    background-color: var(--surface-high-contrast);
    content: "";
    display: block;
    position: absolute;
    top: 64px;
    left: -26px;
    height: calc(100% - 72px);
    width: 2px;
}

Pero algunos valores deben ajustarse para que se vea mejor en tu propio foro.

Su línea vertical se ve genial porque también eliminaron la línea horizontal entre cada publicación.

.topic-body, .topic-avatar {
    border-top: 0;
    padding-top: 12px;
}

Con un pequeño ajuste, puedes lograr algo como esto:

1 me gusta

No esperaba recibir una respuesta tan rápido. ¡Muchas gracias!

2 Me gusta

De nada, ¡estamos para ayudar! :hugs:

2 Me gusta

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.