Login da moda

:discourse2: Resumo Trendy Login altera o design padrão da página de login estática (/login) em sites que exigem login e adiciona a capacidade de personalizar o conteúdo da página por meio das configurações do componente.
:hammer_and_wrench: Link do Repositório https://github.com/discourse/discourse-trendy-login
:question: Guia de Instalação Como instalar um tema ou componente de tema
:open_book: Novo em Temas do Discourse? Guia para iniciantes sobre o uso de temas do Discourse

Instale este componente de tema

Funcionalidades

Configurações

Nome Descrição
bg_image Link de imagem personalizada para o plano de fundo
bg_color Código de cor personalizado para o plano de fundo
bg_gradient_1 Primeiro código de cor para o gradiente
bg_gradient_2 Segundo código de cor para o gradiente
login_subheader Conteúdo do subtítulo, permite marcação HTML

:information_source: Observe que a prioridade das configurações está nesta ordem:

custom_bg_image > custom_bg_color > custom_bg_gradient_1/2.


:discourse2: Hospedado por nós? Componentes de tema estão disponíveis para uso em nossos planos Standard, Business e Enterprise.

54 curtidas

Olá. Isso ainda funciona? Tentei no meu fórum com a versão mais recente do Discourse, mas não funcionou?

Sim, está funcionando para mim na versão mais recente:

Você vê a página de login padrão em vez disso? O componente está habilitado para o tema?

1 curtida

sim, o componente de tema está habilitado e ainda vejo a tela de login antiga.

Sei que este é um comentário antigo, mas acabei de começar a usar isso em um site de teste, então quero verificar.

Você deve habilitar a configuração do site login required para obter a página de login estática. Caso contrário, como você observou, você pode habilitar o componente, mas ainda obterá a janela de login em vez do login moderno.

2 curtidas

Olá! Estou tentando isso, mas a página de login tem uma barra grande no lado esquerdo. Como posso removê-la? Obrigado.

2 curtidas

Isso faz algum sentido?

2 curtidas

Olá sim. Eu verifiquei isso. Acabou sendo uma adição ao CSS.

.wrap {
    max-width: max-content;
}
2 curtidas

Desculpe, mas não entendi sua pergunta.

A descrição do plugin afirma:

Para obter a página de login estática, você deve exigir login. Se você não o fizer e acessar a rota /login, você receberá um modal de login em vez disso e este componente será ignorado.

2 curtidas

Entendi, obrigado, eu não estava ciente da diferença.

2 curtidas

Olá. Isso está funcionando perfeitamente em uma tela de PC, mas usa apenas um terço esquerdo da imagem no celular. Há algo que eu deveria fazer para que a imagem do PC encolha mais na largura - percebendo que a proporção é diferente.

Qualquer conselho sobre como usar o componente para um bom visual em uma tela de PC típica e no celular é muito apreciado.

1 curtida