Commit 617f8fdd authored by ornanovitch's avatar ornanovitch 🐃

quelques corrections + responsive

parent 138f8a28
......@@ -8,17 +8,23 @@ html {
@include media-breakpoint-up(sm) {
html {
font-size: 1.1rem;
font-size: 1.05rem;
}
}
@include media-breakpoint-up(md) {
html {
font-size: 1.15rem;
font-size: 1.1rem;
}
}
@include media-breakpoint-up(lg) {
html {
font-size: 1.15rem;
}
}
@include media-breakpoint-up(xl) {
html {
font-size: 1.2rem;
}
......
......@@ -10,7 +10,7 @@
</div>
{% endif %}
{% for spectacle in spectaclesOfTheDay%}
<div class="col-sm-4">
<div class="col-sm-6 col-lg-4">
<div class="card text-dark bg-light m-1">
<div style="background:transparent; background-image: url({{asset('uploads/images/' ~ spectacle.showId.image)}}); background-size: cover; height: 210px"></div>
<div class="card-header bg-dark">
......
......@@ -2,7 +2,7 @@
{% block body %}
<div class="row">
<div class="col-md-9">
<div class="col-md-8 col-xl-9">
<h1 class="d-none d-md-block bg-dark border border-light rounded align-items-center font-weight-bold p-4 m-0">
<i class="fas fa-calendar-alt mr-2"></i>
L'agenda Balises
......@@ -18,7 +18,7 @@
</div>
</div>
<!-- DATEPICKER -->
<div class="col-md-3">
<div class="col-md-4 col-xl-3">
<div class="rounded-top bg-dark rounded border border-light">
<div class="h5 font-weight-bold bg-light py-1 text-center">Quand souhaiteriez-vous<br>aller au théâtre ?</div>
<div id="datepicker" class="h4 text-light text-monospace py-3 px-2"></div>
......
......@@ -4,7 +4,7 @@
{% block body %}
<div class="row">
<div class="col">
<div class="col-md-8 col-xl-9">
<div class="row bg-dark border border-light rounded">
<div class="col-3 m-auto">
<div class="rounded-circle"
......@@ -16,12 +16,12 @@
</div>
</div>
<!-- smartphones only -->
<div class="row d-md-none border border-top-0 border-light rounded-bottom">
<div class="row d-md-none bg-light border border-top-0 border-light rounded-bottom">
<div class="d-none d-sm-block col-md-6 rounded-top border border-light border-bottom-0 mw-100"
style="background:transparent url({{ asset('uploads/images/' ~ theater.picture) }}) center; background-size: cover; height:208.8px; width:360px">
</div>
<div class="col p-0">
<address class="pt-2 pr-3 mb-0 bg-light text-right">
<address class="pt-2 pr-3 mb-0 text-right">
<i class="fas fa-map-marker-alt mr-2"></i>{{ theater.name }}</br>
<i class="mr-4"></i>{{ theater.address1 }}</br>
<i class="mr-4"></i>{% if theater.address2 %}{{ theater.address2 }}</br>{% endif %}
......@@ -38,7 +38,7 @@
<h3 class="text-primary font-weight-bold">À venir</h3>
<div class="row">
{% for spectacle in currentSpectacle %}
<div class="col-sm-4">
<div class="col-sm-6 col-lg-4">
<div class="card text-dark bg-light m-1">
<div style="background:transparent url({{ asset('uploads/images/' ~ spectacle.image) }}); background-size: cover; height: 210px"></div>
<div class="card-header bg-dark">
......@@ -61,7 +61,7 @@
</div>
</div>
<div class="col-3 d-none d-md-block">
<div class="col-md-4 col-xl-3 d-none d-md-block">
<div class="rounded-top border border-light border-bottom-0 mw-100 d-block"
style="background:transparent url({{ asset('uploads/images/' ~ theater.picture) }}) center; background-size: cover; height:202px; width:360px">
</div>
......@@ -72,11 +72,10 @@
{{ theater.zipCode }}, {{ theater.city }}</br>
<i class="fas fa-envelope mr-2"></i>{{ theater.email }}</br>
<i class="fas fa-phone mr-2"></i>{{ theater.phoneNumber }}</br>
<a class="btn btn-outline-dark mt-2 mb-5" href="http://{{ theater.website }}" target="_blank">Site Web</a>
<a class="btn btn-outline-dark mt-2 mb-5" href="{{ theater.website }}" target="_blank">Site Web</a>
</address>
</div>
</div>
</div>
<!-- Modal explication offre Balises -->
<div class="modal fade" id="modalOffre" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
......
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment