oprava create button a uprava css

Web/content/adminpanel.php

@@ -141,6 +141,7 @@ function CheckPassword($password) {
     <title>Admin Panel</title>
     <link rel="icon" href="../img/favicon.ico" type="image/x-icon">
     <link rel="stylesheet" href="../css/bootstrap.css">
+    <link rel="stylesheet" href="../css/modern.css">
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.1/font/bootstrap-icons.css">
     <link rel="stylesheet" href="css/adminpanel.css">
     <script src="../js/bootstrap.bundle.js"></script>
@@ -160,7 +161,7 @@ function CheckPassword($password) {
     </button>
 </div>
 
-<div class="custom-container">
+<div class="custom-container dark-box">
     <header class="row border-bottom m-5">
         <h1>USB RAID Array</h1>
         <div class="mb-3 p-3">
@@ -171,7 +172,7 @@ function CheckPassword($password) {
         </div>
     </header>
     <section class="row">
-        <article class="col border border-2 border-primary rounded p-2">
+        <article class="col border border-2 border-primary rounded p-2 surface-panel">
             <h2 class="mb-4">User Management</h2>
             <?php if ($message): ?>
                 <div class="alert alert-<?php echo $message_type === 'success' ? 'success' : 'danger'; ?>">
@@ -262,4 +263,4 @@ function CheckPassword($password) {
 </html>
 <?php
 $conn->close();
-?>
+?>

Web/content/changepassword.php

@@ -99,6 +99,7 @@ function CheckPassword($password) {
     <link rel="icon" href="../img/favicon.ico" type="image/x-icon">
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <link rel="stylesheet" href="../css/bootstrap.css">
+    <link rel="stylesheet" href="../css/modern.css">
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.1/font/bootstrap-icons.css">
     <link rel="stylesheet" href="css/changepassword.css">
     <script src="../js/bootstrap.bundle.js"></script>
@@ -111,7 +112,7 @@ function CheckPassword($password) {
         </button>
     </div>
     
-    <div class="container-fluid">
+    <div class="custom-container dark-box">
         <header class="row border-bottom my-3 my-md-5">
             <h1>USB RAID Array</h1>
             <div class="mb-3 p-3">
@@ -126,7 +127,7 @@ function CheckPassword($password) {
         </header>
         
         <section class="row content-section">
-            <article class="col-12 border border-2 border-primary rounded p-2 p-md-4">
+            <article class="col-12 border border-2 border-primary rounded p-2 p-md-4 surface-panel">
                 <h2 class="mb-4">Change Password</h2>
                 
                 <?php if ($message): ?>
@@ -170,4 +171,4 @@ function CheckPassword($password) {
         <script src="../js/theme.js"></script>
     </div>
 </body>
-</html>
+</html>

Web/content/css/adminpanel.css

@@ -10,6 +10,10 @@ html, body {
     max-width: 60%;
     margin: 0 auto;
 }
+.custom-container.dark-box {
+    min-height: calc(100vh - 4rem);
+    width: min(60%, 1200px);
+}
 section.row {
     flex: 1;
 }
@@ -17,6 +21,19 @@ section.row {
     .custom-container {
         max-width: 90%;
     }
+    .custom-container.dark-box {
+        width: 90%;
+    }
+}
+@media (max-width: 700px) {
+    .custom-container.dark-box {
+        width: calc(100% - 2rem);
+        min-height: calc(100vh - 2rem);
+        margin: 1rem auto;
+    }
+    body {
+        min-width: 0;
+    }
 }
 .add-user-form {
     max-width: 400px;
@@ -34,9 +51,6 @@ section.row {
 .form-check-label {
     margin-left: 0.5rem;
 }
-body {
-    min-width: 800px;
-}
 .hover-effect {
     transition: opacity 0.3s ease;
 }
@@ -49,4 +63,4 @@ body {
 }
 .theme-dark .light-logo {
     display: none;
-}
+}

Web/content/ftp/css/index.css

@@ -125,4 +125,18 @@ footer {
     padding: 20px;
     border-top: 1px solid #ddd;
     width: 100%;
-}
+}
+
+/* Give the SFTP file browser its own surface, distinct from the outer page. */
+article.col-8 {
+    background: linear-gradient(145deg, var(--sftp-bg-start), var(--sftp-bg-end));
+    border-color: rgba(77, 145, 255, 0.3) !important;
+    border-radius: 1rem !important;
+    box-shadow: 0 12px 32px rgba(3, 8, 18, 0.2);
+}
+
+html[data-bs-theme="light"] article.col-8 {
+    background: linear-gradient(145deg, #ffffff, #edf3fb);
+    border-color: rgba(59, 130, 246, 0.4) !important;
+    box-shadow: 0 18px 48px rgba(31, 58, 92, 0.1);
+}

Web/content/ftp/index.php

@@ -319,6 +319,13 @@
     </div>
     </footer>
     </div>
+    <script>
+        // Keep Bootstrap modals outside the filtered SFTP container. A parent
+        // backdrop-filter creates a stacking context that can block modal input.
+        document.querySelectorAll('.modal').forEach(function (modal) {
+            document.body.appendChild(modal);
+        });
+    </script>
     <script>
         // Pass PHP variables to JavaScript
         var currentPath = "<?php echo $currentPath; ?>";
@@ -336,4 +343,4 @@ function formatBytes($bytes, $precision = 2) {
     $bytes /= (1 << (10 * $pow));
     return round($bytes, $precision) . ' ' . $units[$pow];
 }
-?>
+?>