From 56b65b1b39f1045712d0a47c473622761610f57f Mon Sep 17 00:00:00 2001
From: gunshiz <spsshop1047@gmail.com>
Date: Sat, 12 Sep 2026 15:09:45 +0700
Subject: [PATCH] feat : team calc better UX

---
 components/admin/guide-section-editor.tsx |  12 ++++++------
 public/icon/stats/elemental-bonus.svg     |   5 -----
 public/icon/stats/healing-bonus.webp      | Bin 0 -> 725 bytes
 3 files changed, 6 insertions(+), 11 deletions(-)
 delete mode 100644 public/icon/stats/elemental-bonus.svg
 create mode 100644 public/icon/stats/healing-bonus.webp

diff --git a/components/admin/guide-section-editor.tsx b/components/admin/guide-section-editor.tsx
index 7dc04a3..5caf0c1 100644
--- a/components/admin/guide-section-editor.tsx
+++ b/components/admin/guide-section-editor.tsx
@@ -563,7 +563,7 @@ function CatalogSlotPicker({
         aria-label={selected ? `${label}: ${selected.name}` : label}
         aria-invalid={invalid}
         className={cn(
-          "relative aspect-square w-full overflow-hidden rounded-md border bg-muted outline-none focus-visible:ring-2 focus-visible:ring-ring [&>svg]:hidden",
+          "relative flex aspect-square w-full items-center justify-center overflow-hidden rounded-md border bg-muted p-0 outline-none focus-visible:ring-2 focus-visible:ring-ring [&>svg]:hidden",
           rarityBackground && selected && rarityGradientClass(selected.rarity),
           className,
         )}
@@ -3462,10 +3462,10 @@ function TeamEditor({
                                 </FieldLabel>
                                 <Input
                                   id={`team-rotation-${team.clientId}`}
-                                  className="w-24"
+                                  className="w-24 text-foreground"
                                   type="number"
                                   min="0.01"
-                                  step="0.01"
+                                  step="0.5"
                                   value={team.rotationSeconds}
                                   aria-invalid={teamFieldInvalid(teamIndex, "rotationSeconds")}
                                   onChange={(event) =>
@@ -3630,7 +3630,7 @@ function TeamEditor({
                                                     "characterKey",
                                                   )}
                                                   className={cn(
-                                                    "rounded-lg",
+                                                    "rounded-lg border-0 [&>img]:object-cover [&>img]:p-0",
                                                     character &&
                                                       rarityGradientClass(
                                                         isCustomTravelerKey(
@@ -3792,10 +3792,10 @@ function TeamEditor({
                                               </FieldLabel>
                                               <Input
                                                 id={`team-${team.clientId}-damage-${memberIndex}`}
-                                                className="h-7 text-center"
+                                                className="h-7 text-center [appearance:textfield] [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:appearance-none"
                                                 type="number"
                                                 min="0"
-                                                step="0.01"
+                                                step="1"
                                                 value={member.damage}
                                                 aria-invalid={memberFieldInvalid(
                                                   teamIndex,
diff --git a/public/icon/stats/elemental-bonus.svg b/public/icon/stats/elemental-bonus.svg
deleted file mode 100644
index 6c14a6b..0000000
--- a/public/icon/stats/elemental-bonus.svg
+++ /dev/null
@@ -1,5 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" fill="none">
-  <path fill="#F15A5A" d="M32 3 39 18 54 10 47 25 62 32 47 39 54 54 39 46 32 61 25 46 10 54 18 39 3 32 18 25 10 10 25 18z"/>
-  <circle cx="32" cy="32" r="11" fill="#fff" fill-opacity=".9"/>
-  <circle cx="32" cy="32" r="5" fill="#F15A5A"/>
-</svg>
diff --git a/public/icon/stats/healing-bonus.webp b/public/icon/stats/healing-bonus.webp
new file mode 100644
index 0000000000000000000000000000000000000000..f3e42411aa140a7d692a2891e20c86254683abcb
GIT binary patch
literal 725
zcmV;`0xJE9P)<h;3K|Lk000e1NJLTq001xm001xu1^@s6R|5Hm0007tNkl<ZcmeEK
zJ96Sc5bdELXMu!(Gwc=C1^Id-jzH=g>=k^3P073jL{Rn_d<p`fH~@wG-dIy5gsdKU
zglw0`HLV$q`uDoW-9jz-;(rmqM<+05AZ8#i0`Ul?0sMve0hD+Wc_{<-uu(?_=*T17
z_zm(M<fRN{ePs&y>Hu(OjFHJ?BD>vAk|Zf5@{rdULx=8o387#B#u!FZ=JUC9yIs{6
z@{pH|PL}KUQZN8#n2x!%Hdo=*bOi%&N2b+k2}w1W@;Nz;Uwa-5Kr?Xd=MliQBdqE7
z$pCBh11d&Bg2H^W!dB2Y(?=U5X!L4!8UQ-~2!*y(LTO_owW&5c4S;Pl<MCLw+pQdr
z$2Xf)Rb;LT<!9QUE!s?VS|8H&#iRkSk!Rznvvyy2k=vjx+Dx~t59#`1(g0Y2Uax0s
zyic9C0s$A=Akn6e8ZQ8^iazHx0{G~>#0<m?1V-R{9HISwFQ?PVQeeQm#W$Oc7q6Cq
z|I{*_PUUboaM=ja`PppdY*`=NO@7t@+*4q^Udv!GkaoK*c*!ax@>QX?^mIBM8I4A=
zTrQoue{NAUYXF`gbb}YJ(kOuE8siyC|A6QNrsAOipcEC{0)!!9gWp54gsq^F)n)KD
zO8SBMC$#c6LFw7`0RTOXk5Z?z-h5U7SszQ+5rC^ERr>@h8mTnA9uI5FK$SkhI-l`P
z{~noP&M$)jpfcGK>)Y(;e5OgURC@oz=AGw#FaRjI2MAfMR?_eH3!9ufW}Jt^p)3{)
z`+)$Z@-O6rMjZgyCvM<{%>-tjL0+{<`6#Lb0PPUOEf!}@spOu#YLkMzI_d&&Zm7Y#
z2%y1W7n+J0C=5%3n_oTyF8}}l|NmK?8c+ZL00v1!K~w_(gH`Hbz1`GE00000NkvXX
Hu0mjfOFc$E

literal 0
HcmV?d00001