From 8d6515794b78d286e87c3d488b69381a36be096d Mon Sep 17 00:00:00 2001
From: Nicolas Paschoud <nicolas.paschoud@etu.hesge.ch>
Date: Tue, 17 Dec 2019 18:43:54 +0100
Subject: [PATCH] Front end, function to show element are coming...
---
projet/front/index.html | 13 ++++++++++++-
projet/front/styles/element-style.js | 0
projet/front/styles/style.css | 28 +++++++++++++++++++++++++---
3 files changed, 37 insertions(+), 4 deletions(-)
create mode 100644 projet/front/styles/element-style.js
diff --git a/projet/front/index.html b/projet/front/index.html
index fdc23a8..e5eefe7 100644
--- a/projet/front/index.html
+++ b/projet/front/index.html
@@ -16,7 +16,18 @@
</div>
<div id="drive">
<h3>Drive</h3>
- <button><img src="/images/folder_img.png" height="50px"></button>
+ <div class="folder">
+ <p>
+ <button><img src="/images/folder_img.png" height="50px"></button>
+ <p>folder 1</p>
+ </p>
+ </div>
+ <div class="file">
+ <p>
+ <button><img src="/images/file_img.png" height="50px"></button>
+ <p>file 1</p>
+ </p>
+ </div>
</div>
<div id="info">
<h3>Infos</h3>
diff --git a/projet/front/styles/element-style.js b/projet/front/styles/element-style.js
new file mode 100644
index 0000000..e69de29
diff --git a/projet/front/styles/style.css b/projet/front/styles/style.css
index fa8ef2f..50a5700 100644
--- a/projet/front/styles/style.css
+++ b/projet/front/styles/style.css
@@ -1,6 +1,7 @@
* {
margin: 2.5px;
padding: 2px;
+ box-sizing: border-box;
}
button {
@@ -13,15 +14,36 @@ button:hover {
#menu {
border: solid grey 2px;
- width: 33%;
+ width: 30%;
+ float: left;
}
#drive {
border: solid grey 2px;
- width: 33%;
+ width: 30%;
+ float: left;
}
#info {
border: solid grey 2px;
- width: 33%;
+ width: 30%;
+ float: left;
+}
+
+.folder {
+ float: left;
+}
+
+.folder p{
+ font-size: 10pt;
+ text-align: center;
+}
+
+.file {
+ float: left;
+}
+
+.file p{
+ font-size: 10pt;
+ text-align: center;
}
\ No newline at end of file
--
GitLab