hrs: 3 Here is the code: <a href="https://github.com/breatheco-de/ce

<a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/us

Add multilang to certificate generation about breatheco-de HOT 6 CLOSED

breatheco-de commented on June 24, 2024

Add multilang to certificate generation

from breatheco-de.

Comments (6)

alesanchezr commented on June 24, 2024

Esto te quedo perfecto chamo. 💪

from breatheco-de.

alesanchezr commented on June 24, 2024

Te voy a agregar una hora mas para que le pongas un boton para cambiar idioma parecido a el que aparece en las lessons:

Puedes usar ese componente:
Codigo del component: https://github.com/breatheco-de/projects/blob/master/src/components/language.js

Este es el CSS:

.language-switcher{
    position: fixed;
    width: 40px;
    cursor: pointer;
    bottom: 5px;
    right: 5px;
    padding: 5px;
    font-size: 10px;
    box-sizing: border-box;
    border-radius: 25px;
}
.language-switcher .icon{
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 100%;
    background-color: rgba(0,0,0,0.2);
}
.language-switcher ul{
        display: none;
        padding: 0;
        margin: 0;
}
.language-switcher ul li{
    list-style: none;
    width: 40px;
    padding: 5px;
    margin-top: -4px;
    margin-left: -6px;
}
.language-switcher:hover{
    border: 1px solid #f8f9fa;
    background: rgb(215, 215, 215);
}
.language-switcher:hover ul{ display: block; }