위젯 스타일 특징
- 한글에 맞춰 디바이스별로 글꼴 크기, 행간 등이 조정되었습니다
- 여러 디바이스 크기에 대응하는 박스 사이즈를 설정할 수 있습니다
- 식상한 부트스트랩 형식의 스타일이 조정되었습니다
- 다크 컬러셋에 맞는 스타일이 추가되었습니다
핵심 레이어
핵심 레이어는 🚀 Settings - jetcraft-ws-alert-01와 🚀 jetcraft-ws-alert-01입니다. Settings 레이어는 블로그나 API 문서 템플릿에 복사해 놓으면 편리합니다.
유의사항
- 알림상자는 기본적으로 목적에 맞는 4개의 색상 스타일을 유지해야 하므로 Jetcraft의 다크 컬러셋 이외의 다른 컬러셋이 위젯의 색상에 반영되지 않습니다.
- 이 템플릿은 알림박스 위젯을 다양한 디바이스에서 크기를 설정할 수 있도록
container로 한번 감싸고 있습니다. 알림박스의 너비와 최소높이, 외부여백은🚀 jetcraft-ws-alert-01레이어에서 설정해 주세요. - 글꼴, 테두리, 배경색등을 수정하고자 한다면, 이것들은 목적 색상에 맞춰 변경되어야 하므로 위젯 콘트롤러가 아닌
Settings레이어를 통해 변경합니다.customizing주석 부분을 찾아 수정합니다.
아이콘 수정
SVG to CSS converter를 사용하면 SVG 데이터를 background-image에 직접 넣을 수 있는 형태로 쉽게 변환할 수 있습니다. 변환 된 상태에서는 해쉬태그(#)를 %23으로 변경해서 fill="%23212121"과 같이 명시하면 SVG 이미지의 색상을 변경할 수 있습니다.