timelapse/timelapse-frontend
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge branch 'main' of https://gitea.kerboul.me/projet_coop/timelapse-frontend

Browse Source
This commit is contained in:
Kerboul
2024-10-25 10:48:51 +02:00
parent 1598ea6dc9 f35394aff0
commit 9273d72349
3 changed files with 55 additions and 42 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
css/style.css
View File

@@ -1,10 +1,26 @@
main {
flex: 1 0 auto;
flex: 1 0 auto;
}
footer {
text-align: center;
position: fixed;
bottom: 0;
text-align: center;
position: fixed;
bottom: 0;
}
.row {
margin-top: 20px;
display: flex;
justify-content: space-between;
}
.col-md-6 {
flex: 0 0 50%;
max-width: 50%;
}
.col-md-12 {
flex: 0 0 100%;
max-width: 100%;
}

70
html/projet_detail.html
View File

@@ -19,47 +19,43 @@
<body>
<div id="section" class="container mt-5">
<div>
<div class="buttons-container" style="float: left; width: 20%">
<button id="projets" class="btn btn-primary">
<span> Home </span>
</button>
<div class="row">
<div class="col-md-12">
<div class="buttons-container" style="float: left; width: 20%">
<button id="projets" class="btn btn-primary">
<span> Home </span>
</button>
</div>
<h3 id="name_project" class="text-black" style="float: left; width: 50%"></h3>
</div>
</div>
<div class="row">
<div class="col-md-6">
<table class="table table-striped" id="table-metrics">
<thead class="bg-blue-600 text-black">
<tr>
<th>date</th>
<th>Hygrométrie</th>
<th>température</th>
</tr>
</thead>
<tbody></tbody>
</table>
</div>
<div class="col-md-6">
<table class="table table-striped" id="table-image">
<thead class="bg-blue-600 text-black">
<tr>
<th>images</th>
</tr>
</thead>
<tbody></tbody>
</table>
</div>
<h3
id="name_project"
class="text-black"
style="float: left; width: 50%"
></h3>
</div>
<table
class="table table-striped"
id="table-metrics"
style="float: left; width: 50%"
>
<thead class="bg-blue-600 text-black">
<tr>
<th>date</th>
<th>Hygrométrie</th>
<th>température</th>
</tr>
</thead>
<tbody></tbody>
</table>
<!-- <table
class="table table-striped"
id="table-image"
style="float: left; width: 50%"
>
<thead class="bg-blue-600 text-black">
<tr>
<th>images</th>
</tr>
</thead>
<tbody></tbody>
</table> -->
</div>
<img id="my-image" alt="Description of the image">
<img id="my-image" alt="Description of the image" />
<footer>
<p>&copy; 2024 Timelapse. All rights reserved.</p>
</footer>

1
index.html
View File

@@ -15,6 +15,7 @@
<div id="section" class="container mt-5">
<div class="buttons-container mb-4">
<button id="video" class="btn btn-primary"><span>Mes vidéos</span></button>
<button id="download" class="btn btn-primary"><span>Download App</span></button>
</div>
<table class="table table-striped" id="table-projects">