corrige botões de login por rede social que apareciam duplicados

Author: rafaelchavesfreitas

assets-src/sass/4-components/_c-login.scss

@@ -63,9 +63,13 @@
 
  &__social-buttons {
  display: grid;
- grid-template-columns: 1fr 1fr;
+
  gap: 31px;
 
+ &--multiple {
+ grid-template-columns: 1fr 1fr;
+        }
+
  .social-login {
  align-items: center;
  display: flex;

components/login/script.js

@@ -45,6 +45,10 @@ app.component('login', {
  configs() {
  return JSON.parse(this.config);
  },
+
+ multiple() {
+ return this.configs.strategies.Google?.visible && this.configs.strategies.govbr?.visible;
+ }
  },
 
  methods: {

components/login/template.php

@@ -49,7 +49,7 @@
                             <span class="divider__text"> <?= i::__('Ou entre com') ?> </span>
                         </div>
 
-                        <div class="login__social-buttons">
+                        <div class="login__social-buttons" :class="{'login__social-buttons--multiple': multiple}">
                             <a v-if="configs.strategies.govbr?.visible" class="social-login--button button button--icon button--large button--md govbr" href="<?php echo $app->createUrl('auth', 'govbr') ?>">                                
                                 <div class="img"> <img height="16" class="br-sign-in-img" src="<?php $this->asset('img/govbr-white.png'); ?>" /> </div>                                
  <?= i::__('Entrar com Gov.br') ?> 
@@ -60,14 +60,6 @@
  <?= i::__('Entrar com Google') ?>
                             </a>
 
-                            <a v-if="configs.strategies.govbr?.visible" class="social-login--button button button--md button--large govbr" href="<?php echo $app->createUrl('auth', 'govbr') ?>">                                
-                                <div class="img"> <img height="16" class="br-sign-in-img" src="<?php $this->asset('img/govbr-white.png'); ?>" /> </div>                        
-                            </a>
-
-                            <a v-if="configs.strategies.Google?.visible" class="social-login--button button button--icon button--md button--large google" href="<?php echo $app->createUrl('auth', 'google') ?>">                                
-                                <div class="img"> <img height="16" src="<?php $this->asset('img/g.png'); ?>" /> </div>                                
- <?= i::__('Google') ?>
-                            </a>
                         </div>
                     </div>