ordre des boutons de login sur petits écrans

This commit is contained in:
Fred Tempez 2023-10-22 12:00:07 +02:00
parent 78dbc4b3b2
commit ee1942d788
2 changed files with 15 additions and 3 deletions

View File

@ -21,3 +21,15 @@
#passwordIcon {
float: right;
}
@media screen and (max-width: 768px) {
#buttonsContainer {
display: grid;
}
#loginContainer {
order: 1;
}
#backContainer{
order: 2;
}
}

View File

@ -38,14 +38,14 @@
<a href="<?php echo helper::baseUrl(); ?>user/forgot/<?php echo $this->getUrl(2);?>"><?php echo helper::translate('Mot de passe perdu'); ?></a>
</div>
</div>
<div class="row">
<div class="col2">
<div class="row" id="buttonsContainer">
<div class="col2" id="backContainer">
<?php echo template::button('userLoginBack', [
'href' => $this->getUrl(2) ? helper::baseUrl() . str_replace('_', '/', str_replace('__', '#', $this->getUrl(2))) : helper::baseUrl(),
'value' => template::ico('left')
]); ?>
</div>
<div class="col3 offset7">
<div class="col3 offset7" id="loginContainer">
<?php echo template::submit('userLoginSubmit', [
'value' => 'Connexion',
'ico' => ''