fix layout

This commit is contained in:
artus
2018-10-11 20:44:22 +02:00
parent 4f67398219
commit 66ff93eb58
5 changed files with 20 additions and 44 deletions

View File

@@ -1,4 +1,4 @@
{% load bootstrap3 %}
{% load bootstrap4 %}
<form action="" method="POST">{% csrf_token %}
{% with "inline" as layout %}
<div class="form-{{layout}} well well-sm text-center">

View File

@@ -1,4 +1,4 @@
{% load bootstrap3 %}
{% load bootstrap4 %}
<form action="" method="POST">{% csrf_token %}
{% bootstrap_form_errors form %}
{% with "inline" as layout %}

View File

@@ -78,8 +78,8 @@ body {
padding-top: .75rem;
padding-bottom: .75rem;
font-size: 1rem;
background-color: rgba(0, 0, 0, .25);
box-shadow: inset -1px 0 0 rgba(0, 0, 0, .25);
// background-color: rgba(0, 0, 0, .25);
// box-shadow: inset -1px 0 0 rgba(0, 0, 0, .25);
}
.navbar .form-control {

View File

@@ -13,35 +13,8 @@
</head>
<body {% block extra_body_attrs %}{% endblock %}>
<!-- START: Navigation Bar -->
<nav class="navbar fixed-top navbar-dark bg-dark">
<nav class="navbar fixed-top navbar-dark bg-dark shadow p-0 flex-no-wrap">
<a class="navbar-brand" href="/">Maraude ALSA</a>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="navbar-collapse">
<ol class="breadcrumb navbar-text">
{% block breadcrumbs %}
<li>{{ page_header }}</li>
{% if page_header_small %}<li>{{ page_header_small }}</li>{% endif %}
{% endblock %}
</ol>
{% if user.is_authenticated %}
<ul class="nav navbar-nav navbar-right">
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
Menu <span class="glyphicon glyphicon-menu-hamburger"></span>
</a>
<ul class="dropdown-menu">
<li><a href="{% url "statistiques:index" %}"><span class="glyphicon glyphicon-stats"></span> Statistiques</a></li>
{% if user.is_superuser %}
<li><a href="/admin/"><span class="glyphicon glyphicon-wrench"></span> Administration</a></li>
{% endif %}
<li role="separator" class="divider"></li>
<li><a href="{% url "utilisateurs:index" %}"><span class="glyphicon glyphicon-user"></span> {{ user }}</a></li>
<li><a href="/logout/"><span class="glyphicon glyphicon-log-out"></span> Déconnexion</a></li>
</ul>
</li>
</ul>
{% endif %}
</div><!-- /.navbar-collapse -->
</nav>
<!-- END: Navigation Bar -->
<div class="container-fluid">
@@ -49,7 +22,7 @@
<nav class="col-md-2 d-none d-md-block bg-light sidebar">
<div class="sidebar-sticky">
{% if user.is_authenticated %}
<h6 class="sidebar-heading px-3 mt-4 mb-1 text-muted">
<h6 class="sidebar-heading px-3 mt-4 mb-1 text-muted border-bottom">
<span>Maraudes</span>
</h6>
<ul class="nav flex-column">
@@ -87,10 +60,12 @@
</div>
</nav>
<main role="main" class="col-md-10 ml-sm-auto px-4">
<div class="d-flex justify-content-between">
<div class="container">
<div class="row pt-4">
{% bootstrap_messages %}
{% block page_content %}{% endblock %}
</div>
</div>
</main>
</div>
</div>

View File

@@ -7,11 +7,11 @@
{% block page_content %}
<div class="jumbotron">
<h2>Présentation</h2>
<p>L'Association pour le Logement des Sans-Abri organise une maraude psychosociale dans la ville de Mulhouse.</p>
<p>Les maraudeurs interviennent dans l'espace public tout au long de l'année, en soirée ou dans l'après-midi.
<h2 class="display-4">Présentation</h2>
<p>L'Association pour le Logement des Sans-Abri organise une maraude psychosociale dans la ville de Mulhouse.</p>
<p>Les maraudeurs interviennent dans l'espace public tout au long de l'année, en soirée ou dans l'après-midi.
Ils fréquentent régulièrement la gare, le centre-ville, les urgences et les foyers d'hébergement d'urgence (115).</p>
<h2>Objectifs</h2>
<h2>Objectifs</h2>
<p>La mission de la Maraude est de créer du lien avec des personnes en errance dans l'objectif d'opérer un ancrage.</p>
<p>Reconnaissables par leurs vêtements oranges, les maraudeurs sont disponibles pour informer et orienter vers les
services compétents, ou simplement échanger autour d'un café offert.</p>
@@ -19,6 +19,7 @@
<ul><li>lundi de 19h à 23h</li>
<li>mardi de 19h à 23h</li>
<li>jeudi de 19h à 23h</li>
<li>vendredis de 16h à 20h</li></ul>
<li>vendredis de 16h à 20h</li>
</ul>
</div>
{% endblock %}