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

test

Browse Source
This commit is contained in:
anto
2024-10-24 17:35:36 +02:00
parent e07c99e5bb
commit 78c9d31c13
3 changed files with 55 additions and 42 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
css/style.css
View File

@@ -2,9 +2,25 @@ main {
flex: 1 0 auto; flex: 1 0 auto;
} }
footer { footer {
text-align: center; text-align: center;
position: fixed; position: fixed;
bottom: 0; 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%;
}

32
html/projet_detail.html
View File

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

1
index.html
View File

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