nbnloper / edupay-admin star
Forked from ldu0009 / edupay-admin
임동욱 임동욱 08-19
fix: 목록 검색의 돋보기 버튼을 시안대로 — secondary 배경 + radius 8 
시안(관리자페이지 5199:9035의 search > btn, 노드 5199:9029)은 배경이 있는 secondary 계열
버튼인데 투명 배경에 radius 4로 그리고 있었다.

  시안   bg button/secondary-surface(#ecf2fe) · radius form/radius/md(8) · 32×32 · 아이콘 20
  종전   투명                                   · radius form/radius/xsm(4)

배경·radius·아이콘 색을 시안 토큰으로 맞추고, 배경이 생긴 만큼 hover·pressed·disabled도
button-secondary 계열로 함께 정의했다(종전에는 색만 흐려졌다). 크기 32와 아이콘 20은 이미
맞아서 그대로다.

검증 — PC 폭에서 배경 rgb(236,242,254)=#ecf2fe, radius 8px, 32×32, 아이콘 20×20,
아이콘색 rgb(11,80,208)=#0b50d0으로 시안과 일치한다.

Co-Authored-By: Claude Opus 5
@454052228ad6a8c6e5463b6f766dbf3999d0363f
dbc6bcb
4540522
@fox/styles/_fox-list-search.scss
--- @fox/styles/_fox-list-search.scss
+++ @fox/styles/_fox-list-search.scss
@@ -64,12 +64,22 @@
 
     block-size: 3.2rem;
 
     padding: 0;
 
     border: none;
 
-    border-radius: fox.form(radius-xsm);
 
-    background: none;
 
-    color: fox.color(icon-neutral-default);
 
+    // 시안은 secondary 계열 버튼이다 — 옆의 "엑셀 다운로드"와 같은 색을 쓴다.
 
+    border-radius: fox.form(radius-md);
 
+    background: fox.color(button-secondary-surface);
 
+    color: fox.color(button-secondary-font);
 
     cursor: pointer;
 
 
+    &:hover:not(:disabled) {
 
+      background: fox.color(button-secondary-surface-hover);
 
+    }
 
+
 
+    &:active:not(:disabled) {
 
+      background: fox.color(button-secondary-surface-pressed);
 
+    }
 
+
 
     &:disabled {
 
+      background: fox.color(button-disabled-surface);
 
       color: fox.color(font-neutral-disabled-strong);
 
       cursor: default;
 
     }
Add a comment
List