From 075561b6feb7994ef71de5f89580827af0450619 Mon Sep 17 00:00:00 2001
From: James <james@jamesnzl.xyz>
Date: Sat, 21 Sep 2024 23:09:05 +1200
Subject: [PATCH] feat: :lipstick: update hud style

---
 client/src/app/calibrate/CalibrateOverlay.tsx |  6 +++---
 client/src/app/place/PlaceOverlay.tsx         | 12 ++++++------
 2 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/client/src/app/calibrate/CalibrateOverlay.tsx b/client/src/app/calibrate/CalibrateOverlay.tsx
index 7f99ec1..9f05264 100644
--- a/client/src/app/calibrate/CalibrateOverlay.tsx
+++ b/client/src/app/calibrate/CalibrateOverlay.tsx
@@ -361,13 +361,13 @@ export function CalibrateOverlay({ socketUrl, overlaySize, circleSize, hideOverl
         }}
       >
 
-        {/* State display */}
+        {/* State */}
         {(
           <div
             className={cn(
               'absolute z-50 inset-x-1/2 -ml-48 w-96 top-0',
-              'bg-card/95 backdrop-blur-md supports-[backdrop-filter]:bg-secondary/60 text-secondary-foreground shadow-sm',
-              'ring-2 ring-ring/25 rounded-b-lg',
+              'bg-card/95 backdrop-blur-lg supports-[backdrop-filter]:bg-secondary/60 text-secondary-foreground shadow-sm',
+              'rounded-b-lg',
               'px-8 py-4 text-center',
               'font-bold uppercase text-sm',
               'select-none cursor-pointer pointer-events-none',
diff --git a/client/src/app/place/PlaceOverlay.tsx b/client/src/app/place/PlaceOverlay.tsx
index 5bdaaf7..664d935 100644
--- a/client/src/app/place/PlaceOverlay.tsx
+++ b/client/src/app/place/PlaceOverlay.tsx
@@ -496,8 +496,8 @@ export function PlaceOverlay({ socketUrl, overlaySize, circleSize, hideOverlay =
         <div
           className={cn(
             'absolute z-50 inset-x-1/2 -ml-48 w-96 top-0',
-            'bg-card/95 backdrop-blur-md supports-[backdrop-filter]:bg-secondary/60 text-secondary-foreground shadow-sm',
-            'ring-2 ring-ring/25 rounded-b-lg',
+            'bg-card/95 backdrop-blur-lg supports-[backdrop-filter]:bg-secondary/60 text-secondary-foreground shadow-sm',
+            'rounded-b-lg',
             'px-8 py-4 text-center',
             'font-bold uppercase text-sm',
             'select-none cursor-pointer pointer-events-none',
@@ -516,10 +516,10 @@ export function PlaceOverlay({ socketUrl, overlaySize, circleSize, hideOverlay =
         {(currentMachineState) && (
           <div
             className={cn(
-              'absolute z-50 inset-x-1/2 -ml-48 w-96 bottom-0',
-              'bg-card/95 backdrop-blur-md supports-[backdrop-filter]:bg-secondary/60 text-secondary-foreground shadow-sm',
-              'ring-2 ring-ring/25 rounded-t-lg',
-              'px-8 py-3 text-center',
+              'absolute z-50 inset-x-1/2 -ml-40 w-80 bottom-0',
+              'bg-card/95 backdrop-blur-lg supports-[backdrop-filter]:bg-secondary/60 text-secondary-foreground shadow-sm',
+              'rounded-t-lg',
+              'px-6 py-2 text-center',
               'font-bold uppercase text-xs',
               'select-none cursor-pointer pointer-events-none',
             )}