Media

avatar, share-buttons, image-upload — 미디어 관련 컴포넌트

.avatar (utility)

원형 아바타 — 5가지 크기 (xs/sm/md/lg/xl)

<img src="..." class="avatar-xs">  <!-- 20px -->
<img src="..." class="avatar-sm">  <!-- 24px -->
<img src="..." class="avatar-md">  <!-- 28px -->
<img src="..." class="avatar-lg">  <!-- 40px -->
<img src="..." class="avatar-xl">  <!-- 64px -->

.share-buttons

SNS 공유 버튼 그룹 — includes/share-buttons.php에서 자동 생성

$sharePrefix = 'pageView';  // 페이지마다 고유 (JS 함수명 충돌 방지)
include SKINPATH . '/includes/share-buttons.php';

.image-upload

드래그 앤 드롭 이미지 업로드 영역 (Cropper.js와 함께 사용)

이미지를 드래그하거나 클릭하여 업로드
JPG, PNG, GIF (최대 5MB)

.message-bubble__attachment-image

쪽지 첨부 이미지 (썸네일 미리보기)

screenshot.png

.message-bubble__attachment-file

쪽지 첨부 파일 카드