template html & css

2025-11-26 22:34:43 +01:00
commit ea21779b05
20 changed files with 3208 additions and 0 deletions
--- a/explorer_md/static/style.css
+++ b/explorer_md/static/style.css
@@ -0,0 +1,73 @@
+/* static/style.css */
+body {
+    margin: 0;
+    font-family: Arial, sans-serif;
+    height: 100vh;
+    display: flex;
+    overflow: hidden;
+}
+
+.container {
+    display: flex;
+    width: 100%;
+    height: 100%;
+    border: 1px solid #ccc;
+}
+
+/* --- Panneau de la Liste des Fichiers (Gauche) --- */
+#file-list-panel {
+    width: 300px;
+    min-width: 150px;
+    max-width: 50%;
+    overflow-y: auto;
+    padding: 10px;
+    background-color: #f4f4f4;
+    box-sizing: border-box;
+}
+
+#file-list {
+    list-style: none;
+    padding: 0;
+}
+
+#file-list li {
+    padding: 8px;
+    cursor: pointer;
+    border-bottom: 1px solid #eee;
+}
+
+#file-list li:hover {
+    background-color: #e0e0e0;
+}
+
+#file-list li.selected {
+    background-color: #007bff;
+    color: white;
+}
+
+/* --- Poignée de Redimensionnement --- */
+#resizer {
+    width: 6px;
+    cursor: col-resize;
+    background-color: #ccc;
+    flex-shrink: 0;
+}
+
+#resizer:hover {
+    background-color: #aaa;
+}
+
+/* --- Panneau de Contenu (Droite) --- */
+#content {
+    flex-grow: 1;
+    overflow-y: auto;
+    padding: 10px;
+    box-sizing: border-box;
+}
+
+#file-content {
+    padding: 15px;
+    border: 1px dashed #ddd;
+    background-color: #fff;
+    min-height: 80%;
+}