Commit 272504de authored by Kylian ou Nathan's avatar Kylian ou Nathan
Browse files

AccueilResponsive

parent 41789467
......@@ -73,8 +73,7 @@
<?php } ?>
</section>
<div>
<div class="container guide_et_maison">
<section class="guide">
<div class="l_r">
<div class="left blue">
......@@ -149,43 +148,45 @@
</div>
<h6 class="big">Menu</h6>
<a href="<?= base_url("/profil/list") ?>" class="first_button simple_button_link l_r blue">
<div class="left">
<i class='uil uil-label-alt'></i>
<div class="title">Gestion des profils</div>
</div>
<div class="right">
<i class='uil uil-angle-right'></i>
</div>
</a>
<a href="<?= base_url("/resume") ?>" class="simple_button_link l_r blue">
<div class="left">
<i class='uil uil-clipboard-alt'></i>
<div class="title">Gestion des notifications</div>
</div>
<div class="right">
<i class='uil uil-angle-right'></i>
</div>
</a>
<a href="<?= base_url("/capteur/list") ?>" class="simple_button_link l_r blue">
<div class="left">
<i class='uil uil-processor'></i>
<div class="title">Gestion des capteurs</div>
</div>
<div class="right">
<i class='uil uil-angle-right'></i>
</div>
</a>
<a href="<?= base_url("/camera") ?>" class="simple_button_link l_r blue">
<div class="left">
<i class='uil uil-camera'></i>
<div class="title">Gestion des caméras</div>
</div>
<div class="right">
<i class='uil uil-angle-right'></i>
</div>
</a>
<div class="container menu">
<a href="<?= base_url("/profil/list") ?>" class="first_button simple_button_link l_r blue">
<div class="left">
<i class='uil uil-label-alt'></i>
<div class="title">Gestion des profils</div>
</div>
<div class="right">
<i class='uil uil-angle-right'></i>
</div>
</a>
<a href="<?= base_url("/resume") ?>" class="simple_button_link l_r blue">
<div class="left">
<i class='uil uil-clipboard-alt'></i>
<div class="title">Gestion des notifications</div>
</div>
<div class="right">
<i class='uil uil-angle-right'></i>
</div>
</a>
<a href="<?= base_url("/capteur/list") ?>" class="simple_button_link l_r blue">
<div class="left">
<i class='uil uil-processor'></i>
<div class="title">Gestion des capteurs</div>
</div>
<div class="right">
<i class='uil uil-angle-right'></i>
</div>
</a>
<a href="<?= base_url("/camera") ?>" class="simple_button_link l_r blue">
<div class="left">
<i class='uil uil-camera'></i>
<div class="title">Gestion des caméras</div>
</div>
<div class="right">
<i class='uil uil-angle-right'></i>
</div>
</a>
</div>
</main>
</body>
......
......@@ -45,10 +45,9 @@
foreach($intrusion as $date) { ?>
<section class="simple_layout">
<div class="red_intrusion l_r">
<div class="top_of_intrusion">
<div class="top_right_intrusion l_r">
<div class="top_of_intrusion l_r">
<div class="left">
<div class="left intrusion_detected in_red_intrusion">
<div class="left intrusion_detected red_intrusion ">
<i class='uil uil-shield-exclamation'></i>
<p><?= date_format($date, "d/m/Y") ?></p>
</div>
......@@ -56,7 +55,6 @@
<p class="detailIntrusion">Une intrusion a été détecté à <?= date_format($date, "H:i") ?>.</p>
</div>
</div>
</div>
<div class="right">
<a href="<?= base_url("/resume/delete/".date_format($date, "Y-m-d")) ?>">
<i class="uil uil-trash-alt"></i>
......
......@@ -58,6 +58,7 @@ main h6.big {
}
main .button,
main .guide,
main .maison,
main .simple_layout,
main .first_button {
......@@ -116,7 +117,7 @@ a.go_to_camera:hover {
.maison {
height: auto;
width: 90%;
/*width: 90%;*/
text-decoration: none;
background: #FFFFFF;
border-radius: 5px;
......@@ -190,4 +191,38 @@ a.go_to_camera:hover {
.indicateur.green {
background: #27AE60;
}
/*************************************************************************/
.container {
width: 90%;
}
.container a.simple_button_link {
width: initial;
}
@media only screen and (min-width: 1240px) {
.guide_et_maison {
display: flex;
justify-content: space-between;
}
.guide_et_maison section {
width: 49%;
}
.menu {
display: flex;
justify-content: space-between;
}
.menu {
flex-wrap: wrap;
}
.menu a.simple_button_link {
width: 24%;
}
.menu a.first_button {
margin: 0px;
}
}
\ No newline at end of file
......@@ -371,7 +371,7 @@ main .orange,
color: orange;
}
main .orange,
main .white,
.orange {
color: white;
}
......@@ -474,8 +474,7 @@ Mise en forme des guides
background-color: white !important;
color: #4C84FF !important;
border-radius: 5px;
margin: 15px;
width: 90%;
/*width: 90%;*/
box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.15);
flex-shrink: 0;
}
......
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