style(ui): 배경색 통일 및 스크롤 최적화

- autocomplete-search-input: !bg-background 강제 적용
- section-paper: 배경색 진하게(bg-muted/40), 기본 테두리 활성화, overflow-visible
- modal-repeater-table: tbody 흰색 배경, 스크롤 높이 제한(240px), 헤더 고정
- autocomplete 드롭다운: z-index 100으로 상향

배경색 통일로 일관된 디자인, 스크롤로 공간 효율 개선
This commit is contained in:
SeongHyun Kim
2025-11-21 17:00:25 +09:00
parent da0a82a0ec
commit 58427fb8e0
3 changed files with 12 additions and 12 deletions

View File

@@ -40,10 +40,10 @@ export function SectionPaperComponent({
// 배경색 매핑
const backgroundColorMap = {
default: "bg-muted/20",
muted: "bg-muted/30",
accent: "bg-accent/20",
primary: "bg-primary/5",
default: "bg-muted/40",
muted: "bg-muted/50",
accent: "bg-accent/30",
primary: "bg-primary/10",
custom: "",
};
@@ -74,7 +74,7 @@ export function SectionPaperComponent({
const padding = config.padding || "md";
const rounded = config.roundedCorners || "md";
const shadow = config.shadow || "none";
const showBorder = config.showBorder || false;
const showBorder = config.showBorder !== undefined ? config.showBorder : true;
const borderStyle = config.borderStyle || "subtle";
// 커스텀 배경색 처리
@@ -87,7 +87,7 @@ export function SectionPaperComponent({
<div
className={cn(
// 기본 스타일
"relative transition-colors",
"relative transition-colors overflow-visible",
// 배경색
backgroundColor !== "custom" && backgroundColorMap[backgroundColor],