more responsive

This commit is contained in:
Kayn Ty 2018-06-04 13:11:40 +02:00
parent 8fbd0a2bae
commit 1afd6e435a
No known key found for this signature in database
GPG Key ID: 55B09AA0ED327CD3
6 changed files with 39 additions and 29 deletions

View File

@ -2,7 +2,9 @@
{% trans_default_domain 'FOSUserBundle' %} {% trans_default_domain 'FOSUserBundle' %}
{% block fos_user_content %} {% block fos_user_content %}
<div class="row"> <div class="row">
<div class="col-xs-6"> <div class="col-xs-12 col-sm-6">
<div class="padded">
<h1> <h1>
<i class="fa fa-key"></i> <i class="fa fa-key"></i>
Se connecter Se connecter
@ -35,24 +37,29 @@
</div> </div>
<input type="submit" id="_submit" name="_submit" value="{{ 'security.login.submit'|trans }}"/> <input class="btn btn-success btn-block" type="submit" id="_submit" name="_submit" value="{{ 'security.login.submit'|trans }}"/>
</form> </form>category-listing
</div>
</div> </div>
<div class="col-xs-6"> <div class="col-xs-12 col-sm-6">
<p> <div class="visible-xs">
<hr>
</div>
<div class="padded">
<p>
<a class="btn btn-info" href="{{ path('fos_user_resetting_request') }}"> <a class="btn btn-info" href="{{ path('fos_user_resetting_request') }}">
Mot de passe oublié? Mot de passe oublié?
</a> </a>
</p> </p>
<p> <p>
<a class="btn btn-info" href="{{ path('fos_user_registration_register') }}"> <a class="btn btn-info" href="{{ path('fos_user_registration_register') }}">
Créer un compte Créer un compte
</a> </a>
</p> </p>
</div> </div>
</div>
</div> </div>

View File

@ -4,13 +4,11 @@
{% block bigMain %} {% block bigMain %}
{% include 'default/header.html.twig' %} {% include 'default/header.html.twig' %}
<section class="bg-girl padded"> <section class="bg-girl padded login-fosub">
<div class="container"> <div class="container">
<div class="row justify-content-md-center align-items-center"> <div class="row justify-content-md-center align-items-center">
<div class="col-md-auto"> <div class="col-md-auto">
<fieldset class="bg-shader pull-left form-group padded"> <fieldset class="bg-shader pull-left form-group padded">
{% block fos_user_content %}{% endblock %} {% block fos_user_content %}{% endblock %}
</fieldset> </fieldset>

View File

@ -2,15 +2,15 @@
{% extends '@HWIOAuth/layout.html.twig' %} {% extends '@HWIOAuth/layout.html.twig' %}
{% block bigMain %} {% block bigMain %}
{% include 'default/header.html.twig' %} {% include 'default/header.html.twig' %}
<section class="bg-girl padded"> <section class="bg-girl padded login-hwioauth">
<div class="container"> <div class="container">
<div class="row justify-content-md-center align-items-center"> <div class="row justify-content-md-center align-items-center">
<div class="col-md-auto"> <div class="col-md-auto">
<fieldset class="bg-shader pull-left form-group padded"> <fieldset class="bg-shader pull-left form-group padded">
<div class="row"> <div class="row">
<div class="col-xs-6"> <div class="col-xs-12 col-sm-6">
<div class="row"> <div class="row">
<div class="col-xs-6"> <div class="col-xs-12 col-sm-6">
<h1> <h1>
<i class="fa fa-key"></i> <i class="fa fa-key"></i>
Se connecter Se connecter
@ -53,7 +53,7 @@
value="{{ 'security.login.submit'|trans }}"/> value="{{ 'security.login.submit'|trans }}"/>
</form> </form>
</div> </div>
<div class="col-xs-6"> <div class="col-xs-12 col-sm-6">
{#<p>#} {#<p>#}
{#<a class="btn btn-info" href="{{ path('fos_user_resetting_request') }}">#} {#<a class="btn btn-info" href="{{ path('fos_user_resetting_request') }}">#}
@ -70,7 +70,7 @@
</div> </div>
</div> </div>
</div> </div>
<div class="col-xs-6"> <div class="col-xs-12 col-sm-6">
{#{% block hwi_oauth_content %}#} {#{% block hwi_oauth_content %}#}
{#<h1>oauth login</h1>#} {#<h1>oauth login</h1>#}
{#{% if error is defined and error %}#} {#{% if error is defined and error %}#}

View File

@ -48,15 +48,3 @@
.validate_selling { .validate_selling {
margin: 0.25rem; margin: 0.25rem;
} }
@media all and(max-width: 1200px) {
#caisse-now {
.product-box {
width: 50%;
}
.product-button {
min-width: calc(100% - 56px)
}
}
}

View File

@ -21,8 +21,7 @@ body {
} }
.bg-dark { .bg-dark {
background: rgba(0, 0, 0, 0.5);
background: rgba(0, 0, 0, 0.25);
} }
.bg-shader { .bg-shader {
@ -34,7 +33,7 @@ body {
background-attachment: fixed; background-attachment: fixed;
background-size: cover; background-size: cover;
overflow: hidden; overflow: hidden;
background-position: center;
min-height: 100vh; min-height: 100vh;
} }

View File

@ -0,0 +1,18 @@
@media all and(max-width: 1200px) {
#caisse-now {
.product-box {
width: 100%;
}
.product-button {
min-width: calc(100% - 56px)
}
}
}
@media all and(max-width: 600px) {
.category-listing{
width: calc(100% - 2rem);
}
}