mirror of
https://github.com/woodchen-ink/proxy-go.git
synced 2025-07-18 08:31:55 +08:00
fix(metrics): update metrics dashboard styles and SQL query
- Enhanced CSS styles for the metrics dashboard, improving layout and visual presentation with new flex properties and background adjustments. - Modified the SQL query in GetRecentMetrics to include an additional interval parameter, ensuring more accurate data retrieval for recent metrics. - These changes improve the user experience and data accuracy in the metrics dashboard, providing a more robust framework for performance monitoring.
This commit is contained in:
parent
e286fa9eaf
commit
96a792abf2
@ -393,22 +393,31 @@ var metricsTemplate = `
|
|||||||
+ align-items: center;
|
+ align-items: center;
|
||||||
+ flex-wrap: wrap;
|
+ flex-wrap: wrap;
|
||||||
+ padding: 10px;
|
+ padding: 10px;
|
||||||
|
+ justify-content: flex-start;
|
||||||
|
+ background: #f8f9fa;
|
||||||
|
+ border-radius: 8px;
|
||||||
|
+ overflow-x: auto;
|
||||||
|
+ white-space: nowrap;
|
||||||
+ }
|
+ }
|
||||||
+
|
+
|
||||||
+ #statusCodes .metric {
|
+ #statusCodes .metric {
|
||||||
+ flex: 0 0 auto;
|
+ flex: 0 0 auto;
|
||||||
+ display: flex;
|
+ display: inline-flex;
|
||||||
+ align-items: center;
|
+ align-items: center;
|
||||||
+ gap: 10px;
|
+ gap: 10px;
|
||||||
+ padding: 5px 15px;
|
+ padding: 4px 12px;
|
||||||
+ background: #f8f9fa;
|
+ background: white;
|
||||||
+ border-radius: 20px;
|
+ border-radius: 20px;
|
||||||
+ margin: 0;
|
+ margin: 0;
|
||||||
+ border: none;
|
+ border: none;
|
||||||
+ min-width: 100px;
|
+ min-width: 80px;
|
||||||
+ justify-content: space-between;
|
+ justify-content: space-between;
|
||||||
|
+ margin-right: 10px;
|
||||||
|
+ display: inline-block;
|
||||||
|
+ }
|
||||||
|
+ #statusCodes .metric:last-child {
|
||||||
|
+ margin-right: 0;
|
||||||
+ }
|
+ }
|
||||||
+
|
|
||||||
.status-badge {
|
.status-badge {
|
||||||
padding: 3px 8px;
|
padding: 3px 8px;
|
||||||
border-radius: 12px;
|
border-radius: 12px;
|
||||||
|
@ -535,7 +535,7 @@ func (db *MetricsDB) GetRecentMetrics(hours float64) ([]HistoricalMetrics, error
|
|||||||
LEFT JOIN grouped_metrics m ON strftime(?, ts.time_point, 'localtime') = m.group_time
|
LEFT JOIN grouped_metrics m ON strftime(?, ts.time_point, 'localtime') = m.group_time
|
||||||
ORDER BY timestamp DESC
|
ORDER BY timestamp DESC
|
||||||
LIMIT 1000
|
LIMIT 1000
|
||||||
`, endTimeStr, timeStep, startTimeStr, interval, startTimeStr, endTimeStr, interval)
|
`, endTimeStr, timeStep, startTimeStr, interval, startTimeStr, endTimeStr, interval, interval)
|
||||||
if err != nil {
|
if err != nil {
|
||||||
return nil, err
|
return nil, err
|
||||||
}
|
}
|
||||||
|
Loading…
x
Reference in New Issue
Block a user