UI: median price red and bold

lwitkowski · Aug 4, 2024 · 89fd2a8 · 89fd2a8
1 parent d95bac8
commit 89fd2a8
Showing 1 changed file with 8 additions and 2 deletions.
diff --git a/ui/src/views/OfferDetails.vue b/ui/src/views/OfferDetails.vue
@@ -13,8 +13,9 @@
       </div>
       <h2>Offers</h2>
       <p>
-        There were {{ offers.length }} offer(s). Median offer price is {{ formatPrice(medianPrice, 'EUR') }}, average
-        {{ formatPrice(avgPrice, 'EUR') }}.
+        There were {{ offers.length }} offer(s). Median offer price is
+        <span class="median_price">{{ formatPrice(medianPrice, 'EUR') }}</span>
+        , average {{ formatPrice(avgPrice, 'EUR') }}.
       </p>
       <table class="modelinformation-table">
         <tr>
@@ -193,4 +194,9 @@ export default {
   background-color: #011627;
   color: #ffffff;
 }
+
+.median_price {
+  color: #ee6c4d;
+  font-weight: bold;
+}
 </style>