From 8422886f911c833faa971ce15b87745db948881c Mon Sep 17 00:00:00 2001
From: gdamms <damguillotin@gmail.com>
Date: Sat, 23 Apr 2022 21:10:32 +0200
Subject: [PATCH] =?UTF-8?q?feat:=20d=C3=A9but=20des=20descriptions=20des?=
 =?UTF-8?q?=20pixels?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/front/index.html | 10 ++++++----
 src/front/pixels.css | 17 +++++++++++++++--
 2 files changed, 21 insertions(+), 6 deletions(-)

diff --git a/src/front/index.html b/src/front/index.html
index c0f5818..3754866 100644
--- a/src/front/index.html
+++ b/src/front/index.html
@@ -85,7 +85,12 @@
     <div class="pixel-container">
         <table>
             <tr>
-                <td class="pixel" id="r0c0"></td>
+                <td class="pixel" id="r0c0">
+                    <div class="info-pixel">
+                        <div class="username">Moi</div>
+                        <div class="description">Petit desc oklm</div>
+                    </div>
+                </td>
                 <td class="pixel" id="r0c1"></td>
                 <td class="pixel" id="r0c2"></td>
                 <td class="pixel" id="r0c3"></td>
@@ -205,9 +210,6 @@
                 <td class="pixel" id="r9c9"></td>
             </tr>
         </table>
-        <div class="pixel-description">
-            Description
-        </div>
     </div>
 </body>
 
diff --git a/src/front/pixels.css b/src/front/pixels.css
index 21559d1..0d858f9 100644
--- a/src/front/pixels.css
+++ b/src/front/pixels.css
@@ -6,11 +6,17 @@
   height: 1000px;
 }
 
+table {
+  --side: 80px;
+  table-layout: fixed;
+  width: calc(10 * var(--side));
+  height: calc(10 * var(--side));
+}
 
 .pixel {
   background: #fff;
-  width: 80px;
-  height: 80px;
+  width: var(--side);
+  height: var(--side);
 }
 
 .pixel:hover {
@@ -24,4 +30,11 @@ table {
 
 .pixel-description {
   position: absolute;
+}
+
+.info-pixel {
+  position: relative;
+  width: 200px;
+  height: 200px;
+  left: var(--side);
 }
\ No newline at end of file