From 95b2259eb4d7362b137d26037f8312b3d80f0244 Mon Sep 17 00:00:00 2001
From: Leonardo Bishop <me@leonardobishop.com>
Date: Sat, 29 Jul 2023 02:55:08 +0100
Subject: Add fall damage

---
 code/ui/health/Health.razor | 13 ++++++++++---
 1 file changed, 10 insertions(+), 3 deletions(-)

(limited to 'code/ui/health/Health.razor')

diff --git a/code/ui/health/Health.razor b/code/ui/health/Health.razor
index 3da2c01..c3c6660 100644
--- a/code/ui/health/Health.razor
+++ b/code/ui/health/Health.razor
@@ -10,12 +10,19 @@ Health {
     height: 100%;
     background-color: rgba(0, 0, 0, 0.90);
 }
-.fill {
+.colour-bar {
     height: 100%;
-    transition: width 0.2s ease-out;
+}
+.transition-bar {
+    height: 100%;
+    transition: width 1s ease-out 0.5s;
+	position: absolute;
+	top: 0;
+	left: 0;
 }
 </style>
-<div class="fill" style="background-color: @(Colour); width: @(GetHealth())%;"></div>
+<div class="transition-bar" style="background-color: white; width: @(GetHealth())%;"></div>
+<div class="colour-bar" style="background-color: @(Colour); width: @(GetHealth())%;"></div>
 
 @code
 {
-- 
cgit v1.2.3-70-g09d2