feat: add responsive tests for Option Settings and Split Panel
- Implemented responsive testing scripts for Option Settings and ResponsiveSplitPanel components. - Added tests to verify layout behavior across various screen sizes (desktop, tablet, mobile). - Generated screenshots and reports for visual validation of responsive designs. Made-with: Cursor
This commit is contained in:
@@ -1036,7 +1036,7 @@ export const V2SplitPanelLayoutConfigPanel: React.FC<
|
||||
/>
|
||||
</button>
|
||||
</CollapsibleTrigger>
|
||||
<CollapsibleContent className="max-h-[250px] overflow-y-auto">
|
||||
<CollapsibleContent>
|
||||
<div className="space-y-4 rounded-b-lg border border-t-0 p-4">
|
||||
{/* 좌측 패널 제목 */}
|
||||
<div className="space-y-1.5">
|
||||
@@ -1281,7 +1281,7 @@ export const V2SplitPanelLayoutConfigPanel: React.FC<
|
||||
/>
|
||||
</button>
|
||||
</CollapsibleTrigger>
|
||||
<CollapsibleContent className="max-h-[250px] overflow-y-auto">
|
||||
<CollapsibleContent>
|
||||
<div className="space-y-4 rounded-b-lg border border-t-0 p-4">
|
||||
{/* 우측 패널 제목 */}
|
||||
<div className="space-y-1.5">
|
||||
@@ -2079,7 +2079,7 @@ export const V2SplitPanelLayoutConfigPanel: React.FC<
|
||||
/>
|
||||
</button>
|
||||
</CollapsibleTrigger>
|
||||
<CollapsibleContent className="max-h-[250px] overflow-y-auto">
|
||||
<CollapsibleContent>
|
||||
<div className="space-y-3 rounded-b-lg border border-t-0 p-4">
|
||||
{/* 탭 목록 */}
|
||||
{(config.rightPanel?.additionalTabs || []).map(
|
||||
@@ -2296,7 +2296,7 @@ export const V2SplitPanelLayoutConfigPanel: React.FC<
|
||||
/>
|
||||
</button>
|
||||
</CollapsibleTrigger>
|
||||
<CollapsibleContent className="max-h-[250px] overflow-y-auto">
|
||||
<CollapsibleContent>
|
||||
<div className="space-y-3 rounded-b-lg border border-t-0 p-4">
|
||||
<SwitchRow
|
||||
label="선택 동기화"
|
||||
|
||||
Reference in New Issue
Block a user