From 8a34443b77b4a814ea008f43c6c06cfe5312260a Mon Sep 17 00:00:00 2001 From: Al Azhar Date: Mon, 27 Apr 2026 21:31:53 +0700 Subject: [PATCH] rev1.2 --- index.html | 264 +++++++++++++++++++++++------------------------------ 1 file changed, 114 insertions(+), 150 deletions(-) diff --git a/index.html b/index.html index a8b949c..427327e 100644 --- a/index.html +++ b/index.html @@ -4,7 +4,7 @@ - Log Viewer Pro + Log Viewer Pro // Analytics @@ -60,9 +60,8 @@ cursor: pointer; display: flex; justify-content: space-between; - margin-bottom: 2px; font-size: 0.8rem; - transition: 0.2s; + margin-bottom: 2px; } .file-item:hover { @@ -92,26 +91,26 @@ align-items: center; } - /* Chart Area */ + /* Intensity Chart */ .chart-container { - height: 160px; + height: 150px; background: #0b0e14; padding: 10px 20px; border-bottom: 1px solid var(--border-color); + position: relative; } /* Stats & Toggles */ .level-toggles .btn { border: none; - font-size: 0.72rem; + font-size: 0.7rem; font-weight: 700; - padding: 4px 12px; - margin-right: 4px; - border-radius: 4px; + padding: 4px 10px; + margin-right: 3px; } .btn-check:not(:checked)+.btn { - opacity: 0.25; + opacity: 0.2; filter: grayscale(0.8); } @@ -145,10 +144,16 @@ color: #fff; } - /* Search with Clear Button */ + /* Search & Time Filter */ + .controls-group { + display: flex; + align-items: center; + gap: 10px; + } + .search-container { position: relative; - width: 320px; + width: 250px; } .search-container input { @@ -156,33 +161,38 @@ border: 1px solid var(--border-color); color: white; border-radius: 6px; - padding: 5px 35px 5px 35px; + padding: 4px 30px; width: 100%; } .search-icon { position: absolute; - left: 10px; + left: 8px; top: 50%; transform: translateY(-50%); opacity: 0.4; } - .clear-search { + .clear-btn { position: absolute; - right: 10px; + right: 8px; top: 50%; transform: translateY(-50%); - opacity: 0.4; - cursor: pointer; - display: none; border: none; background: none; - color: white; + color: #64748b; + cursor: pointer; + display: none; } - .clear-search:hover { - opacity: 1; + /* Time Filter Dropdown */ + .time-range-select { + background: #242b3d; + border: 1px solid var(--border-color); + color: #94a3b8; + font-size: 0.75rem; + border-radius: 6px; + padding: 4px 8px; } /* Table */ @@ -204,7 +214,6 @@ text-transform: uppercase; padding: 10px 15px !important; border-bottom: 1px solid var(--border-color) !important; - color: #94a3b8; } .lvl-indicator { @@ -215,40 +224,13 @@ margin-right: 8px; } - .row-TRC .lvl-indicator { - background: #64748b; - } - - .row-DBG .lvl-indicator { - background: #0ea5e9; - } - .row-INF .lvl-indicator { background: #10b981; } - .row-WRN .lvl-indicator { - background: #f59e0b; - } - .row-ERR .lvl-indicator { background: #ef4444; } - - .row-CRT .lvl-indicator { - background: #a855f7; - } - - .details-trigger { - cursor: pointer; - opacity: 0.4; - transition: 0.2s; - } - - .details-trigger:hover { - opacity: 1; - color: var(--brand-color); - } @@ -260,9 +242,8 @@
LogViewer Pro
- @@ -271,34 +252,35 @@
-
- - - - - - +
- - + - - + - - + - +
-
- - - +
+ + +
+ + + +
-
+
@@ -310,7 +292,7 @@ Level Time - Description + Message @@ -322,14 +304,10 @@