Enhance Sonner Toast styles for improved user experience. Implement various toast types (success, error, warning, info) with distinct visual cues. Update layout to utilize the new toast component from the UI library, ensuring consistent styling across the application.

2026-03-18 12:13:40 +09:00
parent 8630d82a69
commit 5949ea22b5
5 changed files with 506 additions and 13 deletions
@@ -6317,7 +6317,7 @@ export const TableListComponent: React.FC<TableListComponentProps> = ({
                            "hover:bg-accent cursor-pointer border-b border-border/50 transition-[background] duration-75",
                            index % 2 === 0 ? "bg-background" : "bg-muted/20",
                            isRowSelected && "!bg-primary/10 hover:!bg-primary/15",
-                            isRowFocused && "ring-primary/50 ring-1 ring-inset",
+                            isRowFocused && "bg-accent/50",
                            isDragEnabled && "cursor-grab active:cursor-grabbing",
                            isDragging && "bg-muted opacity-50",
                            isDropTarget && "border-t-primary border-t-2",
@@ -6381,10 +6381,10 @@ export const TableListComponent: React.FC<TableListComponentProps> = ({
                                  inputType !== "image" && "overflow-hidden text-ellipsis whitespace-nowrap max-w-[170px]",
                                  column.columnName === "__checkbox__" ? "px-0 py-[7px] text-center" : "px-3 py-[7px]",
                                  isFrozen && "sticky z-20 shadow-[2px_0_4px_rgba(0,0,0,0.08)]",
-                                  isCellFocused && !editingCell && "ring-primary bg-primary/5 ring-2 ring-inset",
+                                  isCellFocused && !editingCell && "bg-primary/5 shadow-[inset_0_0_0_2px_hsl(var(--primary))]",
                                  editingCell?.rowIndex === index && editingCell?.colIndex === colIndex && "p-0",
                                  isModified && !cellValidationError && "bg-amber-100 dark:bg-amber-900/40",
-                                  cellValidationError && "bg-red-50 ring-2 ring-red-500 ring-inset dark:bg-red-950/40",
+                                  cellValidationError && "bg-red-50 shadow-[inset_0_0_0_2px_hsl(0_84%_60%)] dark:bg-red-950/40",
                                  isSearchHighlighted && !isCellFocused && "bg-yellow-200 dark:bg-yellow-700/50",
                                  column.editable === false && "bg-muted/10 dark:bg-muted/10",
                                  // 코드 컬럼: mono 폰트 + primary 색상