Update templates/edit.html

templates/edit.html

@@ -1,166 +1,166 @@
-<!DOCTYPE html>
-<html>
-
-<head>
-    <title>Edit {{file}} | x0HOST</title>
-    <style>
-        * {
-            box-sizing: border-box
-        }
-
-        body {
-            background: #020617;
-            color: #fff;
-            font-family: system-ui;
-            padding: 30px;
-            margin: 0
-        }
-
-        .container {
-            max-width: 1200px;
-            margin: 0 auto
-        }
-
-        h1 {
-            color: #22c55e;
-            font-size: 1.4rem;
-            margin-bottom: 5px
-        }
-
-        .breadcrumb {
-            margin-bottom: 20px
-        }
-
-        .breadcrumb a {
-            color: #22c55e;
-            text-decoration: none
-        }
-
-        .editor-wrap {
-            background: #0f172a;
-            border-radius: 12px;
-            overflow: hidden;
-            border: 1px solid #1e293b
-        }
-
-        .toolbar {
-            background: #1e293b;
-            padding: 12px 16px;
-            display: flex;
-            justify-content: space-between;
-            align-items: center
-        }
-
-        .file-path {
-            font-family: monospace;
-            color: #94a3b8;
-            font-size: 14px
-        }
-
-        textarea {
-            width: 100%;
-            height: calc(100vh - 250px);
-            min-height: 400px;
-            background: #0f172a;
-            color: #e2e8f0;
-            border: none;
-            padding: 20px;
-            font-family: 'Fira Code', 'Consolas', monospace;
-            font-size: 14px;
-            line-height: 1.6;
-            resize: vertical;
-            outline: none
-        }
-
-        textarea:focus {
-            background: #0a0f1a
-        }
-
-        .actions {
-            display: flex;
-            gap: 10px
-        }
-
-        .btn {
-            padding: 10px 20px;
-            border-radius: 8px;
-            border: none;
-            cursor: pointer;
-            font-weight: 600;
-            transition: all 0.2s
-        }
-
-        .btn-save {
-            background: #22c55e;
-            color: #000
-        }
-
-        .btn-save:hover {
-            background: #16a34a
-        }
-
-        .btn-cancel {
-            background: #334155;
-            color: #fff
-        }
-
-        .btn-cancel:hover {
-            background: #475569
-        }
-
-        .btn-preview {
-            background: #3b82f6;
-            color: #fff
-        }
-
-        .btn-preview:hover {
-            background: #2563eb
-        }
-    </style>
-</head>
-
-<body>
-    <div class="container">
-        <div class="breadcrumb">
-            <a href="/dashboard">Dashboard</a> / <a href="/files/{{site_id}}">{{site_id}}</a> /
-            <strong>{{file}}</strong>
-        </div>
-
-        <form method="post" action="/save/{{site_id}}/{{file}}">
-            <div class="editor-wrap">
-                <div class="toolbar">
-                    <span class="file-path">📄 {{file}}</span>
-                    <div class="actions">
-                        <a href="/h/{{site_id}}/{{file}}" target="_blank" class="btn btn-preview">👁️ Preview</a>
-                        <a href="/files/{{site_id}}" class="btn btn-cancel">Cancel</a>
-                        <button type="submit" class="btn btn-save">💾 Save</button>
-                    </div>
-                </div>
-                <textarea name="content" spellcheck="false" autofocus>{{content}}</textarea>
-            </div>
-        </form>
-    </div>
-
-    <script>
-        // Ctrl+S to save
-        document.addEventListener('keydown', function (e) {
-            if ((e.ctrlKey || e.metaKey) && e.key === 's') {
-                e.preventDefault();
-                document.querySelector('form').submit();
-            }
-        });
-
-        // Tab key support in textarea
-        document.querySelector('textarea').addEventListener('keydown', function (e) {
-            if (e.key === 'Tab') {
-                e.preventDefault();
-                const start = this.selectionStart;
-                const end = this.selectionEnd;
-                this.value = this.value.substring(0, start) + '  ' + this.value.substring(end);
-                this.selectionStart = this.selectionEnd = start + 2;
-            }
-        });
-    </script>
-</body>
-
+<!DOCTYPE html>
+<html>
+
+<head>
+    <title>Edit {{file}} | h</title>
+    <style>
+        * {
+            box-sizing: border-box
+        }
+
+        body {
+            background: #020617;
+            color: #fff;
+            font-family: system-ui;
+            padding: 30px;
+            margin: 0
+        }
+
+        .container {
+            max-width: 1200px;
+            margin: 0 auto
+        }
+
+        h1 {
+            color: #22c55e;
+            font-size: 1.4rem;
+            margin-bottom: 5px
+        }
+
+        .breadcrumb {
+            margin-bottom: 20px
+        }
+
+        .breadcrumb a {
+            color: #22c55e;
+            text-decoration: none
+        }
+
+        .editor-wrap {
+            background: #0f172a;
+            border-radius: 12px;
+            overflow: hidden;
+            border: 1px solid #1e293b
+        }
+
+        .toolbar {
+            background: #1e293b;
+            padding: 12px 16px;
+            display: flex;
+            justify-content: space-between;
+            align-items: center
+        }
+
+        .file-path {
+            font-family: monospace;
+            color: #94a3b8;
+            font-size: 14px
+        }
+
+        textarea {
+            width: 100%;
+            height: calc(100vh - 250px);
+            min-height: 400px;
+            background: #0f172a;
+            color: #e2e8f0;
+            border: none;
+            padding: 20px;
+            font-family: 'Fira Code', 'Consolas', monospace;
+            font-size: 14px;
+            line-height: 1.6;
+            resize: vertical;
+            outline: none
+        }
+
+        textarea:focus {
+            background: #0a0f1a
+        }
+
+        .actions {
+            display: flex;
+            gap: 10px
+        }
+
+        .btn {
+            padding: 10px 20px;
+            border-radius: 8px;
+            border: none;
+            cursor: pointer;
+            font-weight: 600;
+            transition: all 0.2s
+        }
+
+        .btn-save {
+            background: #22c55e;
+            color: #000
+        }
+
+        .btn-save:hover {
+            background: #16a34a
+        }
+
+        .btn-cancel {
+            background: #334155;
+            color: #fff
+        }
+
+        .btn-cancel:hover {
+            background: #475569
+        }
+
+        .btn-preview {
+            background: #3b82f6;
+            color: #fff
+        }
+
+        .btn-preview:hover {
+            background: #2563eb
+        }
+    </style>
+</head>
+
+<body>
+    <div class="container">
+        <div class="breadcrumb">
+            <a href="/dashboard">Dashboard</a> / <a href="/files/{{site_id}}">{{site_id}}</a> /
+            <strong>{{file}}</strong>
+        </div>
+
+        <form method="post" action="/save/{{site_id}}/{{file}}">
+            <div class="editor-wrap">
+                <div class="toolbar">
+                    <span class="file-path">📄 {{file}}</span>
+                    <div class="actions">
+                        <a href="/h/{{site_id}}/{{file}}" target="_blank" class="btn btn-preview">👁️ Preview</a>
+                        <a href="/files/{{site_id}}" class="btn btn-cancel">Cancel</a>
+                        <button type="submit" class="btn btn-save">💾 Save</button>
+                    </div>
+                </div>
+                <textarea name="content" spellcheck="false" autofocus>{{content}}</textarea>
+            </div>
+        </form>
+    </div>
+
+    <script>
+        // Ctrl+S to save
+        document.addEventListener('keydown', function (e) {
+            if ((e.ctrlKey || e.metaKey) && e.key === 's') {
+                e.preventDefault();
+                document.querySelector('form').submit();
+            }
+        });
+
+        // Tab key support in textarea
+        document.querySelector('textarea').addEventListener('keydown', function (e) {
+            if (e.key === 'Tab') {
+                e.preventDefault();
+                const start = this.selectionStart;
+                const end = this.selectionEnd;
+                this.value = this.value.substring(0, start) + '  ' + this.value.substring(end);
+                this.selectionStart = this.selectionEnd = start + 2;
+            }
+        });
+    </script>
+</body>
+
 </html>