/cashier フォーカス時の背景色を変化させる (#410)

closes #356
cafeore-tkb · Nov 2, 2024 · e3ca290 · e3ca290
1 parent 9531714
commit e3ca290
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/pos/app/components/molecules/InputHeader.tsx b/pos/app/components/molecules/InputHeader.tsx
@@ -10,7 +10,12 @@ type props = {
 
 const InputHeader = memo(({ title, focus, number }: props) => {
   return (
-    <div className="flex items-center p-3">
+    <div
+      className={cn(
+        "flex items-center rounded-xl p-3",
+        focus && "bg-purple-100",
+      )}
+    >
       <Circle focus={focus} className="flex-initial">
         {number}
       </Circle>