Добавлена обводка просмотрщиков.

Author: wezwery

frontend/app.js

@@ -48,13 +48,15 @@ function getParentPath(path) {
 // Просмотрщики
 function showImageViewer(fileName, src) {
     hideViewers();
+    document.getElementById('viewers').style.display = 'block';
     document.getElementById('image-viewer').style.display = 'block';
     document.getElementById('viewer-file-name').innerText = fileName;
     document.getElementById('image-viewer-img').src = src;
 }
 
 function showTextViewer(fileName, src) {
     hideViewers();
+    document.getElementById('viewers').style.display = 'block';
     document.getElementById('text-viewer').style.display = 'block';
     document.getElementById('viewer-file-name').innerText = fileName;
     fetch(src)
@@ -65,7 +67,8 @@ function showTextViewer(fileName, src) {
 }
 
 function hideViewers() {
-    document.getElementById('viewer-file-name').innerText = "";
+    document.getElementById('viewers').style.display = 'none';
+    document.getElementById('viewer-file-name').innerText = '';
     document.getElementById('image-viewer').style.display = 'none';
     document.getElementById('text-viewer').style.display = 'none';
 }

frontend/index.html

@@ -44,13 +44,16 @@ <h1>📂 File Manager</h1>
     </div>
 
     <!-- Просмотрщики -->
-    <div id="viewer-file-name"></div>
-    <div id="image-viewer">
-        <img id="image-viewer-img">
-    </div>
+    <div id="viewers">
+        <div id="viewer-file-name"></div>
+
+        <div id="image-viewer">
+            <img id="image-viewer-img">
+        </div>
 
-    <div id="text-viewer">
-        <div id="text-viewer-txt"></div>
+        <div id="text-viewer">
+            <div id="text-viewer-txt"></div>
+        </div>
     </div>
 
     <script src="app.js"></script>

frontend/style.css

@@ -78,9 +78,15 @@ h1 {
     background-color: #f5f5f5;
 }
 
+#viewers {
+    border: 1px solid #ddd;
+    padding: 5px;
+    border-radius: 4px;
+}
+
 #viewer-file-name {
     text-align: center;
-    margin-bottom: 10px;
+    margin-bottom: 5px;
 }
 
 #image-viewer {