From 165f3419468fbbd76f4c044840ad63170a528125 Mon Sep 17 00:00:00 2001 From: robojerk Date: Fri, 31 Oct 2025 11:56:24 -0700 Subject: [PATCH] Add missing CSS styles for YAML editor --- index.html | 95 ++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 95 insertions(+) diff --git a/index.html b/index.html index 41bc458..5de9ecd 100644 --- a/index.html +++ b/index.html @@ -229,6 +229,101 @@ .modpack-input.active { display: block; } + + .yaml-editor { + width: 100%; + min-height: 300px; + padding: 12px; + border: 2px solid #e0e0e0; + border-radius: 6px; + font-family: 'Courier New', monospace; + font-size: 0.9em; + line-height: 1.5; + resize: vertical; + } + + .yaml-editor:focus { + outline: none; + border-color: #667eea; + } + + .yaml-editor.error { + border-color: #dc3545; + background-color: #fff5f5; + } + + .yaml-editor.valid { + border-color: #28a745; + } + + .yaml-error { + margin-top: 10px; + padding: 10px; + background-color: #f8d7da; + border: 1px solid #f5c6cb; + border-radius: 6px; + color: #721c24; + font-size: 0.9em; + display: none; + } + + .yaml-error.show { + display: block; + } + + .yaml-success { + margin-top: 10px; + padding: 10px; + background-color: #d4edda; + border: 1px solid #c3e6cb; + border-radius: 6px; + color: #155724; + font-size: 0.9em; + display: none; + } + + .yaml-success.show { + display: block; + } + + .yaml-actions { + display: flex; + gap: 10px; + margin-top: 10px; + } + + .yaml-tab { + background: #f8f9fa; + border: 1px solid #e0e0e0; + padding: 15px; + border-radius: 6px; + margin-top: 15px; + } + + .yaml-tab-header { + display: flex; + justify-content: space-between; + align-items: center; + margin-bottom: 10px; + } + + .yaml-status { + font-size: 0.85em; + font-weight: 500; + } + + .yaml-status.valid { + color: #28a745; + } + + .yaml-status.invalid { + color: #dc3545; + } + + .btn-sm { + padding: 8px 16px; + font-size: 0.9em; + }