diff --git a/src/CrossPointWebServer.cpp b/src/CrossPointWebServer.cpp index 62479ac..33b0a75 100644 --- a/src/CrossPointWebServer.cpp +++ b/src/CrossPointWebServer.cpp @@ -511,6 +511,63 @@ static const char* FILES_PAGE_HEADER = R"rawliteral( .folder-btn:hover { background-color: #d68910; } + /* Delete button styles */ + .delete-btn { + background: none; + border: none; + cursor: pointer; + font-size: 1.1em; + padding: 4px 8px; + border-radius: 4px; + color: #95a5a6; + transition: all 0.15s; + } + .delete-btn:hover { + background-color: #fee; + color: #e74c3c; + } + .actions-col { + width: 60px; + text-align: center; + } + /* Delete modal */ + .delete-warning { + color: #e74c3c; + font-weight: 600; + margin: 10px 0; + } + .delete-item-name { + font-weight: 600; + color: #2c3e50; + word-break: break-all; + } + .delete-btn-confirm { + background-color: #e74c3c; + color: white; + padding: 10px 20px; + border: none; + border-radius: 4px; + cursor: pointer; + font-size: 1em; + width: 100%; + } + .delete-btn-confirm:hover { + background-color: #c0392b; + } + .delete-btn-cancel { + background-color: #95a5a6; + color: white; + padding: 10px 20px; + border: none; + border-radius: 4px; + cursor: pointer; + font-size: 1em; + width: 100%; + margin-top: 10px; + } + .delete-btn-cancel:hover { + background-color: #7f8c8d; + }
@@ -557,6 +614,23 @@ static const char* FILES_PAGE_FOOTER = R"rawliteral( + + +