feat(sw): viewer follow-up — SVG icon outline, shared SW popup frame, story grid, green layer buttons
- A: SWViewerIcon draws the SWHeader black outline as SVG stroke on a copy behind the icon (no CSS filter) - B: SWViewerPanel renders the common SWPopup frame (same DOM / CSS) and adds drag, corner resize, collapse, bounds and modal; SWPopup gains optional titleActions / footer; title art spans any width - C: shared Story canvas grid (--sw-story-canvas) behind the SW Header work area and dropdown room - D: SWViewerButton tone="green" for 전체 켜기 / 전체 끄기: default kept, hover = primary (확인) hover token, pressed = primary face - AI guide, verification scripts (76 checks, element regression) and evidence updated
shkim4 committed No files matched your search
@@ -110,3 +110,16 @@
|
||||
## E. 최종 판정
|
||||
|
||||
**PARTIAL**: 패키지 컴포넌트 구현, Storybook, AI 지침, 주요 UI·인터랙션 검증은 끝났습니다. PASS가 아닌 이유는 요청 원문의 “SW 프로그램 뷰어 모드 통합”이 이번 범위에서 제외되어(사용자 결정) 진행하지 않았기 때문입니다. Commit·Push는 승인 대기입니다.
|
||||
|
||||
## F. 후속 디자인 수정 (Push `7f42923` 이후, 미커밋)
|
||||
|
||||
| 항목 | 적용 | 검증 |
|
||||
|---|---|---|
|
||||
| A. 아이콘 외곽선 filter → SVG stroke | 신규 `SWViewerIcon`(공개). 아이콘 뒤 복사본의 도형을 검정 Stroke(원래 두께 + 화면 기준 양쪽 1px, `--hm-sw-viewer-icon-outline-width`), 채운 도형은 검정 채움. 위 아이콘은 그대로. CSS `filter`와 glow 제거 | 계산값: filter `none`, 복사본 stroke 검정 5 unit / 원본 2 unit(24 unit 아이콘을 16px로 그린 경우 1px = 1.5 unit). 3배 캡처에서 모양·선 두께 유지 |
|
||||
| B. Viewer Popup = SW Popup | `SWViewerPanel`이 공통 `SWPopup`을 렌더링(같은 DOM·CSS). `SWPopup`에 선택 Props `titleActions`, `footer` 추가(기본 동작 동일). 제목 아이콘 Prop 제거, 기본 폭 314. 314px가 아닌 폭은 제목 아트를 오른쪽 정렬 + 왼쪽 평면 확장(이음매 없음). 패널 콘텐츠 토큰을 SW 속성창 토큰(`--hm-sw-property-*`)에 연결 | SW/Popup·Viewer 패널 계산값 동일(1px #A67D03, r4, inset 1px 검정, #E4DBC9, 제목 막대 30px, 제목 #FFC600 14px 700 + 1px 외곽선). 드래그·크기 조절·접기·Escape·모달·앞으로 가져오기 PASS |
|
||||
| C. SW Header 메뉴 배경 그리드 | Story 공용 변수 `--sw-story-canvas`(Viewer 캔버스와 같은 40px 칸, 1px #266651 18%, #0A0A0B)를 SW Header Overview 작업 영역과 Dropdown 공간에 적용. SW Header 컴포넌트 자체는 변경 없음 | 캡처 확인. 회귀: 이전 배경을 테스트 CSS로 되돌리면 Header·Popup 요소 39/39 픽셀 동일, 실제 차이는 배경 투과 픽셀뿐 |
|
||||
| D. 레이어 전체 켜기 / 끄기 | `SWViewerButton tone="green"`: 기본 유지, Hover = 확인(primary) 버튼 Hover와 같은 토큰 `--hm-sw-viewer-hover`, 누르는 동안 = primary 면 `--hm-sw-viewer-panel-primary`. 새 HEX 없음. 다른 버튼 영향 없음 | 기본 → Hover → Active → 놓은 뒤 Hover → 이탈 후 기본 계산값 PASS, 확인 버튼 Hover와 정확히 동일 |
|
||||
|
||||
- 해석(C): “Viewer Header의 검정 그리드”는 Header 컴포넌트가 아니라 Story 도면 영역 배경이라 Story 레벨 공용 변수로 적용했습니다.
|
||||
- 높이(추가 요청): 패키지에 뷰어 영역 고정 높이가 없음을 확인했습니다(Header 52px 한 줄, 팝업 최대 90vh). Storybook 프레임 높이는 Story 전용 값이고, 프로그램 레이아웃 규칙은 `ai/VIEWER.md` §7에 적었습니다. 실제 테스트 프로젝트(`HMDesignSwTest-viewer`)는 다른 세션이 작업 중이라 이 세션에서는 수정하지 않았습니다. 읽기 확인 결과, 화면 높이는 `h-full` 세로 flex에 도면 영역 `flex-1 min-h-0`이고, 렌더러 크기 조정은 window `resize`에만 연결되어 있습니다(컨테이너 크기 변화에는 미대응).
|
||||
- 검증: `viewer.browser.mjs` 76/76, 요소 회귀 39/39(`--neutral-canvas`), `npm run typecheck` 0 오류, `build-storybook` 성공, `ai-docs.check` 25/25.
|
||||
|
Before Width: | Height: | Size: 91 KiB After Width: | Height: | Size: 84 KiB |
|
Before Width: | Height: | Size: 61 KiB After Width: | Height: | Size: 56 KiB |
|
Before Width: | Height: | Size: 44 KiB After Width: | Height: | Size: 34 KiB |
|
Before Width: | Height: | Size: 32 KiB After Width: | Height: | Size: 29 KiB |
|
Before Width: | Height: | Size: 88 KiB After Width: | Height: | Size: 86 KiB |
|
Before Width: | Height: | Size: 43 KiB After Width: | Height: | Size: 40 KiB |
|
Before Width: | Height: | Size: 11 KiB After Width: | Height: | Size: 11 KiB |
|
Before Width: | Height: | Size: 10 KiB After Width: | Height: | Size: 9.6 KiB |
|
Before Width: | Height: | Size: 11 KiB After Width: | Height: | Size: 11 KiB |
|
Before Width: | Height: | Size: 22 KiB After Width: | Height: | Size: 20 KiB |
|
Before Width: | Height: | Size: 32 KiB After Width: | Height: | Size: 29 KiB |
|
Before Width: | Height: | Size: 9.4 KiB After Width: | Height: | Size: 7.7 KiB |
|
Before Width: | Height: | Size: 16 KiB After Width: | Height: | Size: 14 KiB |
|
Before Width: | Height: | Size: 127 KiB After Width: | Height: | Size: 119 KiB |
|
Before Width: | Height: | Size: 25 KiB After Width: | Height: | Size: 25 KiB |
|
Before Width: | Height: | Size: 26 KiB After Width: | Height: | Size: 26 KiB |
@@ -0,0 +1,636 @@
|
||||
{
|
||||
"base": "http://127.0.0.1:6024",
|
||||
"next": "http://127.0.0.1:6034",
|
||||
"results": [
|
||||
{
|
||||
"id": "sw-header--overview",
|
||||
"width": 1920,
|
||||
"elements": "1 / 1",
|
||||
"elementDiffPixels": [
|
||||
0
|
||||
],
|
||||
"fullPageDiffPixels": 0,
|
||||
"result": "PASS"
|
||||
},
|
||||
{
|
||||
"id": "sw-header--overview",
|
||||
"width": 1180,
|
||||
"elements": "1 / 1",
|
||||
"elementDiffPixels": [
|
||||
0
|
||||
],
|
||||
"fullPageDiffPixels": 0,
|
||||
"result": "PASS"
|
||||
},
|
||||
{
|
||||
"id": "sw-header--overview",
|
||||
"width": 768,
|
||||
"elements": "1 / 1",
|
||||
"elementDiffPixels": [
|
||||
0
|
||||
],
|
||||
"fullPageDiffPixels": 0,
|
||||
"result": "PASS"
|
||||
},
|
||||
{
|
||||
"id": "sw-header--interactive-states",
|
||||
"width": 1920,
|
||||
"elements": "16 / 16",
|
||||
"elementDiffPixels": [
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0
|
||||
],
|
||||
"fullPageDiffPixels": 0,
|
||||
"result": "PASS"
|
||||
},
|
||||
{
|
||||
"id": "sw-header--interactive-states",
|
||||
"width": 1180,
|
||||
"elements": "16 / 16",
|
||||
"elementDiffPixels": [
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0
|
||||
],
|
||||
"fullPageDiffPixels": 0,
|
||||
"result": "PASS"
|
||||
},
|
||||
{
|
||||
"id": "sw-header--interactive-states",
|
||||
"width": 768,
|
||||
"elements": "16 / 16",
|
||||
"elementDiffPixels": [
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0
|
||||
],
|
||||
"fullPageDiffPixels": 0,
|
||||
"result": "PASS"
|
||||
},
|
||||
{
|
||||
"id": "sw-header--logo-slot",
|
||||
"width": 1920,
|
||||
"elements": "4 / 4",
|
||||
"elementDiffPixels": [
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0
|
||||
],
|
||||
"fullPageDiffPixels": 0,
|
||||
"result": "PASS"
|
||||
},
|
||||
{
|
||||
"id": "sw-header--logo-slot",
|
||||
"width": 1180,
|
||||
"elements": "4 / 4",
|
||||
"elementDiffPixels": [
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0
|
||||
],
|
||||
"fullPageDiffPixels": 0,
|
||||
"result": "PASS"
|
||||
},
|
||||
{
|
||||
"id": "sw-header--logo-slot",
|
||||
"width": 768,
|
||||
"elements": "4 / 4",
|
||||
"elementDiffPixels": [
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0
|
||||
],
|
||||
"fullPageDiffPixels": 0,
|
||||
"result": "PASS"
|
||||
},
|
||||
{
|
||||
"id": "sw-header--document-dropdown",
|
||||
"width": 1920,
|
||||
"elements": "18 / 18",
|
||||
"elementDiffPixels": [
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0
|
||||
],
|
||||
"fullPageDiffPixels": 0,
|
||||
"result": "PASS"
|
||||
},
|
||||
{
|
||||
"id": "sw-header--document-dropdown",
|
||||
"width": 1180,
|
||||
"elements": "18 / 18",
|
||||
"elementDiffPixels": [
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0
|
||||
],
|
||||
"fullPageDiffPixels": 0,
|
||||
"result": "PASS"
|
||||
},
|
||||
{
|
||||
"id": "sw-header--document-dropdown",
|
||||
"width": 768,
|
||||
"elements": "18 / 18",
|
||||
"elementDiffPixels": [
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0
|
||||
],
|
||||
"fullPageDiffPixels": 0,
|
||||
"result": "PASS"
|
||||
},
|
||||
{
|
||||
"id": "sw-header--responsive-more",
|
||||
"width": 1920,
|
||||
"elements": "19 / 19",
|
||||
"elementDiffPixels": [
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0
|
||||
],
|
||||
"fullPageDiffPixels": 0,
|
||||
"result": "PASS"
|
||||
},
|
||||
{
|
||||
"id": "sw-header--responsive-more",
|
||||
"width": 1180,
|
||||
"elements": "19 / 19",
|
||||
"elementDiffPixels": [
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0
|
||||
],
|
||||
"fullPageDiffPixels": 0,
|
||||
"result": "PASS"
|
||||
},
|
||||
{
|
||||
"id": "sw-header--responsive-more",
|
||||
"width": 768,
|
||||
"elements": "19 / 19",
|
||||
"elementDiffPixels": [
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0
|
||||
],
|
||||
"fullPageDiffPixels": 0,
|
||||
"result": "PASS"
|
||||
},
|
||||
{
|
||||
"id": "sw-header--k-guide",
|
||||
"width": 1920,
|
||||
"elements": "1 / 1",
|
||||
"elementDiffPixels": [
|
||||
0
|
||||
],
|
||||
"fullPageDiffPixels": 0,
|
||||
"result": "PASS"
|
||||
},
|
||||
{
|
||||
"id": "sw-header--k-guide",
|
||||
"width": 1180,
|
||||
"elements": "1 / 1",
|
||||
"elementDiffPixels": [
|
||||
0
|
||||
],
|
||||
"fullPageDiffPixels": 0,
|
||||
"result": "PASS"
|
||||
},
|
||||
{
|
||||
"id": "sw-header--k-guide",
|
||||
"width": 768,
|
||||
"elements": "1 / 1",
|
||||
"elementDiffPixels": [
|
||||
0
|
||||
],
|
||||
"fullPageDiffPixels": 0,
|
||||
"result": "PASS"
|
||||
},
|
||||
{
|
||||
"id": "sw-header--property-panel-compare",
|
||||
"width": 1920,
|
||||
"elements": "4 / 4",
|
||||
"elementDiffPixels": [
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0
|
||||
],
|
||||
"fullPageDiffPixels": 0,
|
||||
"result": "PASS"
|
||||
},
|
||||
{
|
||||
"id": "sw-header--property-panel-compare",
|
||||
"width": 1180,
|
||||
"elements": "4 / 4",
|
||||
"elementDiffPixels": [
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0
|
||||
],
|
||||
"fullPageDiffPixels": 0,
|
||||
"result": "PASS"
|
||||
},
|
||||
{
|
||||
"id": "sw-header--property-panel-compare",
|
||||
"width": 768,
|
||||
"elements": "4 / 4",
|
||||
"elementDiffPixels": [
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0
|
||||
],
|
||||
"fullPageDiffPixels": 0,
|
||||
"result": "PASS"
|
||||
},
|
||||
{
|
||||
"id": "sw-header--composed-controls",
|
||||
"width": 1920,
|
||||
"elements": "0 / 0",
|
||||
"elementDiffPixels": [],
|
||||
"fullPageDiffPixels": 0,
|
||||
"result": "PASS"
|
||||
},
|
||||
{
|
||||
"id": "sw-header--composed-controls",
|
||||
"width": 1180,
|
||||
"elements": "0 / 0",
|
||||
"elementDiffPixels": [],
|
||||
"fullPageDiffPixels": 0,
|
||||
"result": "PASS"
|
||||
},
|
||||
{
|
||||
"id": "sw-header--composed-controls",
|
||||
"width": 768,
|
||||
"elements": "0 / 0",
|
||||
"elementDiffPixels": [],
|
||||
"fullPageDiffPixels": 0,
|
||||
"result": "PASS"
|
||||
},
|
||||
{
|
||||
"id": "sw-header--document-open",
|
||||
"width": 1920,
|
||||
"elements": "23 / 23",
|
||||
"elementDiffPixels": [
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0
|
||||
],
|
||||
"fullPageDiffPixels": 0,
|
||||
"result": "PASS"
|
||||
},
|
||||
{
|
||||
"id": "sw-header--document-open",
|
||||
"width": 1180,
|
||||
"elements": "23 / 23",
|
||||
"elementDiffPixels": [
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0
|
||||
],
|
||||
"fullPageDiffPixels": 0,
|
||||
"result": "PASS"
|
||||
},
|
||||
{
|
||||
"id": "sw-header--document-open",
|
||||
"width": 768,
|
||||
"elements": "23 / 23",
|
||||
"elementDiffPixels": [
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0
|
||||
],
|
||||
"fullPageDiffPixels": 0,
|
||||
"result": "PASS"
|
||||
},
|
||||
{
|
||||
"id": "sw-header--hidden-sub-controls",
|
||||
"width": 1920,
|
||||
"elements": "3 / 3",
|
||||
"elementDiffPixels": [
|
||||
0,
|
||||
0,
|
||||
0
|
||||
],
|
||||
"fullPageDiffPixels": 0,
|
||||
"result": "PASS"
|
||||
},
|
||||
{
|
||||
"id": "sw-header--hidden-sub-controls",
|
||||
"width": 1180,
|
||||
"elements": "3 / 3",
|
||||
"elementDiffPixels": [
|
||||
0,
|
||||
0,
|
||||
0
|
||||
],
|
||||
"fullPageDiffPixels": 0,
|
||||
"result": "PASS"
|
||||
},
|
||||
{
|
||||
"id": "sw-header--hidden-sub-controls",
|
||||
"width": 768,
|
||||
"elements": "3 / 3",
|
||||
"elementDiffPixels": [
|
||||
0,
|
||||
0,
|
||||
0
|
||||
],
|
||||
"fullPageDiffPixels": 0,
|
||||
"result": "PASS"
|
||||
},
|
||||
{
|
||||
"id": "sw-header--detail-buttons",
|
||||
"width": 1920,
|
||||
"elements": "0 / 0",
|
||||
"elementDiffPixels": [],
|
||||
"fullPageDiffPixels": 0,
|
||||
"result": "PASS"
|
||||
},
|
||||
{
|
||||
"id": "sw-header--detail-buttons",
|
||||
"width": 1180,
|
||||
"elements": "0 / 0",
|
||||
"elementDiffPixels": [],
|
||||
"fullPageDiffPixels": 0,
|
||||
"result": "PASS"
|
||||
},
|
||||
{
|
||||
"id": "sw-header--detail-buttons",
|
||||
"width": 768,
|
||||
"elements": "0 / 0",
|
||||
"elementDiffPixels": [],
|
||||
"fullPageDiffPixels": 0,
|
||||
"result": "PASS"
|
||||
},
|
||||
{
|
||||
"id": "sw-popup--custom-content",
|
||||
"width": 1920,
|
||||
"elements": "3 / 3",
|
||||
"elementDiffPixels": [
|
||||
0,
|
||||
0,
|
||||
0
|
||||
],
|
||||
"fullPageDiffPixels": 0,
|
||||
"result": "PASS"
|
||||
},
|
||||
{
|
||||
"id": "sw-popup--custom-content",
|
||||
"width": 1180,
|
||||
"elements": "3 / 3",
|
||||
"elementDiffPixels": [
|
||||
0,
|
||||
0,
|
||||
0
|
||||
],
|
||||
"fullPageDiffPixels": 0,
|
||||
"result": "PASS"
|
||||
},
|
||||
{
|
||||
"id": "sw-popup--custom-content",
|
||||
"width": 768,
|
||||
"elements": "3 / 3",
|
||||
"elementDiffPixels": [
|
||||
0,
|
||||
0,
|
||||
0
|
||||
],
|
||||
"fullPageDiffPixels": 0,
|
||||
"result": "PASS"
|
||||
},
|
||||
{
|
||||
"id": "sw-popup--multiple-popups",
|
||||
"width": 1920,
|
||||
"elements": "3 / 3",
|
||||
"elementDiffPixels": [
|
||||
0,
|
||||
0,
|
||||
0
|
||||
],
|
||||
"fullPageDiffPixels": 0,
|
||||
"result": "PASS"
|
||||
},
|
||||
{
|
||||
"id": "sw-popup--multiple-popups",
|
||||
"width": 1180,
|
||||
"elements": "3 / 3",
|
||||
"elementDiffPixels": [
|
||||
0,
|
||||
0,
|
||||
0
|
||||
],
|
||||
"fullPageDiffPixels": 0,
|
||||
"result": "PASS"
|
||||
},
|
||||
{
|
||||
"id": "sw-popup--multiple-popups",
|
||||
"width": 768,
|
||||
"elements": "3 / 3",
|
||||
"elementDiffPixels": [
|
||||
0,
|
||||
0,
|
||||
0
|
||||
],
|
||||
"fullPageDiffPixels": 0,
|
||||
"result": "PASS"
|
||||
}
|
||||
]
|
||||
}
|
||||
@@ -3,234 +3,633 @@
|
||||
"next": "http://127.0.0.1:6034",
|
||||
"results": [
|
||||
{
|
||||
"id": "overview",
|
||||
"id": "sw-header--overview",
|
||||
"width": 1920,
|
||||
"size": "1920x1000 / 1920x1000",
|
||||
"diffPixels": 0,
|
||||
"result": "PASS"
|
||||
"elements": "1 / 1",
|
||||
"elementDiffPixels": [
|
||||
667
|
||||
],
|
||||
"fullPageDiffPixels": 716941,
|
||||
"result": "FAIL"
|
||||
},
|
||||
{
|
||||
"id": "overview",
|
||||
"id": "sw-header--overview",
|
||||
"width": 1180,
|
||||
"size": "1180x1000 / 1180x1000",
|
||||
"diffPixels": 0,
|
||||
"elements": "1 / 1",
|
||||
"elementDiffPixels": [
|
||||
0
|
||||
],
|
||||
"fullPageDiffPixels": 606746,
|
||||
"result": "PASS"
|
||||
},
|
||||
{
|
||||
"id": "overview",
|
||||
"id": "sw-header--overview",
|
||||
"width": 768,
|
||||
"size": "768x1000 / 768x1000",
|
||||
"diffPixels": 0,
|
||||
"elements": "1 / 1",
|
||||
"elementDiffPixels": [
|
||||
0
|
||||
],
|
||||
"fullPageDiffPixels": 237853,
|
||||
"result": "PASS"
|
||||
},
|
||||
{
|
||||
"id": "interactive-states",
|
||||
"id": "sw-header--interactive-states",
|
||||
"width": 1920,
|
||||
"size": "1920x2517 / 1920x2517",
|
||||
"diffPixels": 0,
|
||||
"elements": "16 / 16",
|
||||
"elementDiffPixels": [
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0
|
||||
],
|
||||
"fullPageDiffPixels": 0,
|
||||
"result": "PASS"
|
||||
},
|
||||
{
|
||||
"id": "interactive-states",
|
||||
"id": "sw-header--interactive-states",
|
||||
"width": 1180,
|
||||
"size": "1180x2527 / 1180x2527",
|
||||
"diffPixels": 0,
|
||||
"elements": "16 / 16",
|
||||
"elementDiffPixels": [
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0
|
||||
],
|
||||
"fullPageDiffPixels": 0,
|
||||
"result": "PASS"
|
||||
},
|
||||
{
|
||||
"id": "interactive-states",
|
||||
"id": "sw-header--interactive-states",
|
||||
"width": 768,
|
||||
"size": "768x2623 / 768x2623",
|
||||
"diffPixels": 0,
|
||||
"elements": "16 / 16",
|
||||
"elementDiffPixels": [
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0
|
||||
],
|
||||
"fullPageDiffPixels": 0,
|
||||
"result": "PASS"
|
||||
},
|
||||
{
|
||||
"id": "logo-slot",
|
||||
"id": "sw-header--logo-slot",
|
||||
"width": 1920,
|
||||
"size": "1920x1000 / 1920x1000",
|
||||
"diffPixels": 0,
|
||||
"elements": "4 / 4",
|
||||
"elementDiffPixels": [
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0
|
||||
],
|
||||
"fullPageDiffPixels": 0,
|
||||
"result": "PASS"
|
||||
},
|
||||
{
|
||||
"id": "logo-slot",
|
||||
"id": "sw-header--logo-slot",
|
||||
"width": 1180,
|
||||
"size": "1180x1000 / 1180x1000",
|
||||
"diffPixels": 0,
|
||||
"elements": "4 / 4",
|
||||
"elementDiffPixels": [
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0
|
||||
],
|
||||
"fullPageDiffPixels": 0,
|
||||
"result": "PASS"
|
||||
},
|
||||
{
|
||||
"id": "logo-slot",
|
||||
"id": "sw-header--logo-slot",
|
||||
"width": 768,
|
||||
"size": "768x1000 / 768x1000",
|
||||
"diffPixels": 0,
|
||||
"elements": "4 / 4",
|
||||
"elementDiffPixels": [
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0
|
||||
],
|
||||
"fullPageDiffPixels": 0,
|
||||
"result": "PASS"
|
||||
},
|
||||
{
|
||||
"id": "document-dropdown",
|
||||
"id": "sw-header--document-dropdown",
|
||||
"width": 1920,
|
||||
"size": "1920x9112 / 1920x9112",
|
||||
"diffPixels": 0,
|
||||
"elements": "18 / 18",
|
||||
"elementDiffPixels": [
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0
|
||||
],
|
||||
"fullPageDiffPixels": 6111124,
|
||||
"result": "PASS"
|
||||
},
|
||||
{
|
||||
"id": "document-dropdown",
|
||||
"id": "sw-header--document-dropdown",
|
||||
"width": 1180,
|
||||
"size": "1180x9122 / 1180x9122",
|
||||
"diffPixels": 0,
|
||||
"result": "PASS"
|
||||
"elements": "18 / 18",
|
||||
"elementDiffPixels": [
|
||||
793,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
1109,
|
||||
793,
|
||||
793,
|
||||
793,
|
||||
793,
|
||||
793,
|
||||
793,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
48
|
||||
],
|
||||
"fullPageDiffPixels": 5602299,
|
||||
"result": "FAIL"
|
||||
},
|
||||
{
|
||||
"id": "document-dropdown",
|
||||
"id": "sw-header--document-dropdown",
|
||||
"width": 768,
|
||||
"size": "768x9298 / 768x9298",
|
||||
"diffPixels": 0,
|
||||
"result": "PASS"
|
||||
"elements": "18 / 18",
|
||||
"elementDiffPixels": [
|
||||
405,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
721,
|
||||
405,
|
||||
405,
|
||||
405,
|
||||
405,
|
||||
405,
|
||||
405,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
48
|
||||
],
|
||||
"fullPageDiffPixels": 3410951,
|
||||
"result": "FAIL"
|
||||
},
|
||||
{
|
||||
"id": "responsive-more",
|
||||
"id": "sw-header--responsive-more",
|
||||
"width": 1920,
|
||||
"size": "1920x10042 / 1920x10042",
|
||||
"diffPixels": 0,
|
||||
"elements": "19 / 19",
|
||||
"elementDiffPixels": [
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0
|
||||
],
|
||||
"fullPageDiffPixels": 8338418,
|
||||
"result": "PASS"
|
||||
},
|
||||
{
|
||||
"id": "responsive-more",
|
||||
"id": "sw-header--responsive-more",
|
||||
"width": 1180,
|
||||
"size": "1180x10052 / 1180x10052",
|
||||
"diffPixels": 0,
|
||||
"result": "PASS"
|
||||
"elements": "19 / 19",
|
||||
"elementDiffPixels": [
|
||||
0,
|
||||
818,
|
||||
50,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
47,
|
||||
48,
|
||||
48,
|
||||
48,
|
||||
48,
|
||||
47,
|
||||
48,
|
||||
47,
|
||||
48,
|
||||
48
|
||||
],
|
||||
"fullPageDiffPixels": 7674707,
|
||||
"result": "FAIL"
|
||||
},
|
||||
{
|
||||
"id": "responsive-more",
|
||||
"id": "sw-header--responsive-more",
|
||||
"width": 768,
|
||||
"size": "768x10048 / 768x10048",
|
||||
"diffPixels": 0,
|
||||
"result": "PASS"
|
||||
"elements": "19 / 19",
|
||||
"elementDiffPixels": [
|
||||
0,
|
||||
721,
|
||||
50,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
47,
|
||||
48,
|
||||
47,
|
||||
48,
|
||||
48
|
||||
],
|
||||
"fullPageDiffPixels": 4880711,
|
||||
"result": "FAIL"
|
||||
},
|
||||
{
|
||||
"id": "k-guide",
|
||||
"id": "sw-header--k-guide",
|
||||
"width": 1920,
|
||||
"size": "1920x1037 / 1920x1037",
|
||||
"diffPixels": 0,
|
||||
"elements": "1 / 1",
|
||||
"elementDiffPixels": [
|
||||
0
|
||||
],
|
||||
"fullPageDiffPixels": 0,
|
||||
"result": "PASS"
|
||||
},
|
||||
{
|
||||
"id": "k-guide",
|
||||
"id": "sw-header--k-guide",
|
||||
"width": 1180,
|
||||
"size": "1180x1028 / 1180x1028",
|
||||
"diffPixels": 0,
|
||||
"elements": "1 / 1",
|
||||
"elementDiffPixels": [
|
||||
0
|
||||
],
|
||||
"fullPageDiffPixels": 0,
|
||||
"result": "PASS"
|
||||
},
|
||||
{
|
||||
"id": "k-guide",
|
||||
"id": "sw-header--k-guide",
|
||||
"width": 768,
|
||||
"size": "768x1023 / 768x1023",
|
||||
"diffPixels": 0,
|
||||
"elements": "1 / 1",
|
||||
"elementDiffPixels": [
|
||||
0
|
||||
],
|
||||
"fullPageDiffPixels": 0,
|
||||
"result": "PASS"
|
||||
},
|
||||
{
|
||||
"id": "property-panel-compare",
|
||||
"id": "sw-header--property-panel-compare",
|
||||
"width": 1920,
|
||||
"size": "1920x1000 / 1920x1000",
|
||||
"diffPixels": 0,
|
||||
"elements": "4 / 4",
|
||||
"elementDiffPixels": [
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0
|
||||
],
|
||||
"fullPageDiffPixels": 0,
|
||||
"result": "PASS"
|
||||
},
|
||||
{
|
||||
"id": "property-panel-compare",
|
||||
"id": "sw-header--property-panel-compare",
|
||||
"width": 1180,
|
||||
"size": "1180x1000 / 1180x1000",
|
||||
"diffPixels": 0,
|
||||
"elements": "4 / 4",
|
||||
"elementDiffPixels": [
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0
|
||||
],
|
||||
"fullPageDiffPixels": 0,
|
||||
"result": "PASS"
|
||||
},
|
||||
{
|
||||
"id": "property-panel-compare",
|
||||
"id": "sw-header--property-panel-compare",
|
||||
"width": 768,
|
||||
"size": "768x1000 / 768x1000",
|
||||
"diffPixels": 0,
|
||||
"elements": "4 / 4",
|
||||
"elementDiffPixels": [
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0
|
||||
],
|
||||
"fullPageDiffPixels": 0,
|
||||
"result": "PASS"
|
||||
},
|
||||
{
|
||||
"id": "composed-controls",
|
||||
"id": "sw-header--composed-controls",
|
||||
"width": 1920,
|
||||
"size": "1920x1000 / 1920x1000",
|
||||
"diffPixels": 0,
|
||||
"elements": "0 / 0",
|
||||
"elementDiffPixels": [],
|
||||
"fullPageDiffPixels": 0,
|
||||
"result": "PASS"
|
||||
},
|
||||
{
|
||||
"id": "composed-controls",
|
||||
"id": "sw-header--composed-controls",
|
||||
"width": 1180,
|
||||
"size": "1180x1000 / 1180x1000",
|
||||
"diffPixels": 0,
|
||||
"elements": "0 / 0",
|
||||
"elementDiffPixels": [],
|
||||
"fullPageDiffPixels": 0,
|
||||
"result": "PASS"
|
||||
},
|
||||
{
|
||||
"id": "composed-controls",
|
||||
"id": "sw-header--composed-controls",
|
||||
"width": 768,
|
||||
"size": "768x1000 / 768x1000",
|
||||
"diffPixels": 0,
|
||||
"elements": "0 / 0",
|
||||
"elementDiffPixels": [],
|
||||
"fullPageDiffPixels": 0,
|
||||
"result": "PASS"
|
||||
},
|
||||
{
|
||||
"id": "document-open",
|
||||
"id": "sw-header--document-open",
|
||||
"width": 1920,
|
||||
"size": "1920x10771 / 1920x10771",
|
||||
"diffPixels": 0,
|
||||
"result": "PASS"
|
||||
"elements": "23 / 23",
|
||||
"elementDiffPixels": [
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
1199,
|
||||
1198,
|
||||
1180,
|
||||
1078,
|
||||
899,
|
||||
768,
|
||||
640,
|
||||
520,
|
||||
388,
|
||||
0,
|
||||
1200,
|
||||
1200,
|
||||
1180,
|
||||
1080,
|
||||
900,
|
||||
766,
|
||||
640,
|
||||
520,
|
||||
390
|
||||
],
|
||||
"fullPageDiffPixels": 10359147,
|
||||
"result": "FAIL"
|
||||
},
|
||||
{
|
||||
"id": "document-open",
|
||||
"id": "sw-header--document-open",
|
||||
"width": 1180,
|
||||
"size": "1180x10761 / 1180x10761",
|
||||
"diffPixels": 0,
|
||||
"result": "PASS"
|
||||
"elements": "23 / 23",
|
||||
"elementDiffPixels": [
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
1108,
|
||||
1108,
|
||||
1110,
|
||||
1127,
|
||||
948,
|
||||
817,
|
||||
689,
|
||||
569,
|
||||
437,
|
||||
0,
|
||||
1110,
|
||||
1110,
|
||||
1110,
|
||||
1129,
|
||||
949,
|
||||
815,
|
||||
689,
|
||||
569,
|
||||
439
|
||||
],
|
||||
"fullPageDiffPixels": 9548042,
|
||||
"result": "FAIL"
|
||||
},
|
||||
{
|
||||
"id": "document-open",
|
||||
"id": "sw-header--document-open",
|
||||
"width": 768,
|
||||
"size": "768x10797 / 768x10797",
|
||||
"diffPixels": 0,
|
||||
"result": "PASS"
|
||||
"elements": "23 / 23",
|
||||
"elementDiffPixels": [
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
721,
|
||||
721,
|
||||
722,
|
||||
722,
|
||||
721,
|
||||
722,
|
||||
689,
|
||||
569,
|
||||
437,
|
||||
0,
|
||||
722,
|
||||
722,
|
||||
722,
|
||||
722,
|
||||
722,
|
||||
720,
|
||||
689,
|
||||
569,
|
||||
439
|
||||
],
|
||||
"fullPageDiffPixels": 6118190,
|
||||
"result": "FAIL"
|
||||
},
|
||||
{
|
||||
"id": "hidden-sub-controls",
|
||||
"id": "sw-header--hidden-sub-controls",
|
||||
"width": 1920,
|
||||
"size": "1920x1710 / 1920x1710",
|
||||
"diffPixels": 0,
|
||||
"result": "PASS"
|
||||
"elements": "3 / 3",
|
||||
"elementDiffPixels": [
|
||||
0,
|
||||
1199,
|
||||
0
|
||||
],
|
||||
"fullPageDiffPixels": 1178934,
|
||||
"result": "FAIL"
|
||||
},
|
||||
{
|
||||
"id": "hidden-sub-controls",
|
||||
"id": "sw-header--hidden-sub-controls",
|
||||
"width": 1180,
|
||||
"size": "1180x1700 / 1180x1700",
|
||||
"diffPixels": 0,
|
||||
"result": "PASS"
|
||||
"elements": "3 / 3",
|
||||
"elementDiffPixels": [
|
||||
0,
|
||||
1110,
|
||||
0
|
||||
],
|
||||
"fullPageDiffPixels": 1084137,
|
||||
"result": "FAIL"
|
||||
},
|
||||
{
|
||||
"id": "hidden-sub-controls",
|
||||
"id": "sw-header--hidden-sub-controls",
|
||||
"width": 768,
|
||||
"size": "768x1676 / 768x1676",
|
||||
"diffPixels": 0,
|
||||
"result": "PASS"
|
||||
"elements": "3 / 3",
|
||||
"elementDiffPixels": [
|
||||
0,
|
||||
722,
|
||||
0
|
||||
],
|
||||
"fullPageDiffPixels": 676260,
|
||||
"result": "FAIL"
|
||||
},
|
||||
{
|
||||
"id": "detail-buttons",
|
||||
"id": "sw-header--detail-buttons",
|
||||
"width": 1920,
|
||||
"size": "1920x1000 / 1920x1000",
|
||||
"diffPixels": 0,
|
||||
"elements": "0 / 0",
|
||||
"elementDiffPixels": [],
|
||||
"fullPageDiffPixels": 0,
|
||||
"result": "PASS"
|
||||
},
|
||||
{
|
||||
"id": "detail-buttons",
|
||||
"id": "sw-header--detail-buttons",
|
||||
"width": 1180,
|
||||
"size": "1180x1000 / 1180x1000",
|
||||
"diffPixels": 0,
|
||||
"elements": "0 / 0",
|
||||
"elementDiffPixels": [],
|
||||
"fullPageDiffPixels": 0,
|
||||
"result": "PASS"
|
||||
},
|
||||
{
|
||||
"id": "detail-buttons",
|
||||
"id": "sw-header--detail-buttons",
|
||||
"width": 768,
|
||||
"size": "768x1000 / 768x1000",
|
||||
"diffPixels": 0,
|
||||
"elements": "0 / 0",
|
||||
"elementDiffPixels": [],
|
||||
"fullPageDiffPixels": 0,
|
||||
"result": "PASS"
|
||||
},
|
||||
{
|
||||
"id": "sw-popup--custom-content",
|
||||
"width": 1920,
|
||||
"elements": "3 / 3",
|
||||
"elementDiffPixels": [
|
||||
0,
|
||||
0,
|
||||
0
|
||||
],
|
||||
"fullPageDiffPixels": 0,
|
||||
"result": "PASS"
|
||||
},
|
||||
{
|
||||
"id": "sw-popup--custom-content",
|
||||
"width": 1180,
|
||||
"elements": "3 / 3",
|
||||
"elementDiffPixels": [
|
||||
0,
|
||||
0,
|
||||
0
|
||||
],
|
||||
"fullPageDiffPixels": 0,
|
||||
"result": "PASS"
|
||||
},
|
||||
{
|
||||
"id": "sw-popup--custom-content",
|
||||
"width": 768,
|
||||
"elements": "3 / 3",
|
||||
"elementDiffPixels": [
|
||||
0,
|
||||
0,
|
||||
0
|
||||
],
|
||||
"fullPageDiffPixels": 0,
|
||||
"result": "PASS"
|
||||
},
|
||||
{
|
||||
"id": "sw-popup--multiple-popups",
|
||||
"width": 1920,
|
||||
"elements": "3 / 3",
|
||||
"elementDiffPixels": [
|
||||
0,
|
||||
0,
|
||||
0
|
||||
],
|
||||
"fullPageDiffPixels": 0,
|
||||
"result": "PASS"
|
||||
},
|
||||
{
|
||||
"id": "sw-popup--multiple-popups",
|
||||
"width": 1180,
|
||||
"elements": "3 / 3",
|
||||
"elementDiffPixels": [
|
||||
0,
|
||||
0,
|
||||
0
|
||||
],
|
||||
"fullPageDiffPixels": 0,
|
||||
"result": "PASS"
|
||||
},
|
||||
{
|
||||
"id": "sw-popup--multiple-popups",
|
||||
"width": 768,
|
||||
"elements": "3 / 3",
|
||||
"elementDiffPixels": [
|
||||
0,
|
||||
0,
|
||||
0
|
||||
],
|
||||
"fullPageDiffPixels": 0,
|
||||
"result": "PASS"
|
||||
}
|
||||
]
|
||||
|
||||
@@ -374,7 +374,7 @@
|
||||
{
|
||||
"name": "corner resize changes size",
|
||||
"result": "PASS",
|
||||
"detail": "320x420 → 263x323"
|
||||
"detail": "314x420 → 257x323"
|
||||
},
|
||||
{
|
||||
"name": "drag moves panel",
|
||||
@@ -396,13 +396,18 @@
|
||||
"result": "PASS",
|
||||
"detail": ""
|
||||
},
|
||||
{
|
||||
"name": "전체 켜기: default kept, green hover / active, back after release",
|
||||
"result": "PASS",
|
||||
"detail": "rgb(255, 255, 255) rgb(18, 51, 40) | rgb(38, 102, 81) rgb(255, 255, 255) | rgb(18, 51, 40) rgb(255, 255, 255) | rgb(38, 102, 81) rgb(255, 255, 255) | rgb(255, 255, 255) rgb(18, 51, 40)"
|
||||
},
|
||||
{
|
||||
"name": "panel content callback",
|
||||
"result": "PASS",
|
||||
"detail": ""
|
||||
},
|
||||
{
|
||||
"name": "close hover #E40000 / white X",
|
||||
"name": "close hover = SWPopup hover asset",
|
||||
"result": "PASS",
|
||||
"detail": ""
|
||||
},
|
||||
@@ -414,7 +419,12 @@
|
||||
{
|
||||
"name": "last touched panel on top",
|
||||
"result": "PASS",
|
||||
"detail": "layer z 37, options z 36"
|
||||
"detail": "layer z 47, options z 46"
|
||||
},
|
||||
{
|
||||
"name": "전체 켜기 hover = 라이선스 확인 hover (same token)",
|
||||
"result": "PASS",
|
||||
"detail": "rgb(38, 102, 81) rgb(255, 255, 255) / rgb(38, 102, 81) rgb(255, 255, 255)"
|
||||
},
|
||||
{
|
||||
"name": "modal popup opens with backdrop",
|
||||
@@ -582,9 +592,9 @@
|
||||
"detail": "rgb(0, 0, 0) 1px 0px 0px, rgb(0, 0, 0) 0.92px 0.38px 0px, rg"
|
||||
},
|
||||
{
|
||||
"name": "icon outline: 4 x 1px black drop-shadows + #061A14 glow",
|
||||
"name": "icon outline: SVG stroke copy, no CSS filter",
|
||||
"result": "PASS",
|
||||
"detail": "drop-shadow(rgb(0, 0, 0) 1px 0px 0px) drop-shadow(rgb(0, 0, 0) -1px 0px 0px) drop-shadow(r"
|
||||
"detail": "{\"filter\":\"none\",\"copyStroke\":\"rgb(0, 0, 0)\",\"copyWidth\":5,\"glyphStroke\":\"rgb(255, 255, 255)\",\"glyphWidth\":2}"
|
||||
},
|
||||
{
|
||||
"name": "fill / size / weight / spacing kept",
|
||||
|
||||
|
Before Width: | Height: | Size: 161 KiB After Width: | Height: | Size: 158 KiB |
|
Before Width: | Height: | Size: 123 KiB After Width: | Height: | Size: 122 KiB |
|
Before Width: | Height: | Size: 70 KiB After Width: | Height: | Size: 69 KiB |
|
Before Width: | Height: | Size: 160 KiB After Width: | Height: | Size: 150 KiB |
|
Before Width: | Height: | Size: 147 KiB After Width: | Height: | Size: 141 KiB |
|
Before Width: | Height: | Size: 124 KiB After Width: | Height: | Size: 115 KiB |
|
Before Width: | Height: | Size: 104 KiB After Width: | Height: | Size: 103 KiB |
|
Before Width: | Height: | Size: 75 KiB After Width: | Height: | Size: 73 KiB |
|
Before Width: | Height: | Size: 65 KiB After Width: | Height: | Size: 70 KiB |
|
Before Width: | Height: | Size: 96 KiB After Width: | Height: | Size: 94 KiB |