diff --git a/static/css/dashboard.css b/static/css/dashboard.css index 83a3bd9..2019110 100644 --- a/static/css/dashboard.css +++ b/static/css/dashboard.css @@ -215,3 +215,24 @@ .chart-container-relative { position: relative; } + +/* Styling for optimal fee indicator */ +.fee-star { + color: gold; + margin-left: 4px; + font-size: 1.2em; + vertical-align: middle; +} + +.datum-label { + color: #ff9d00; /* Orange color */ + font-size: 0.85em; + font-weight: bold; + text-transform: uppercase; + margin-left: 4px; + padding: 2px 5px; + background-color: rgba(0, 0, 0, 0.2); + border-radius: 3px; + letter-spacing: 0.5px; + vertical-align: middle; +} \ No newline at end of file diff --git a/templates/dashboard.html b/templates/dashboard.html index 5db26cb..ead58e8 100644 --- a/templates/dashboard.html +++ b/templates/dashboard.html @@ -44,6 +44,9 @@ {% if metrics and metrics.pool_fees_percentage is defined %} {{ metrics.pool_fees_percentage }}% + {% if metrics.pool_fees_percentage >= 0.9 and metrics.pool_fees_percentage <= 1.3 %} + DATUM + {% endif %} {% else %} N/A {% endif %}