129 lines
3.2 KiB
CSS
129 lines
3.2 KiB
CSS
|
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css");
|
||
|
|
|
||
|
|
@tailwind base;
|
||
|
|
@tailwind components;
|
||
|
|
@tailwind utilities;
|
||
|
|
|
||
|
|
body {
|
||
|
|
font-family: "Pretendard", -apple-system, BlinkMacSystemFont, system-ui,
|
||
|
|
Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR",
|
||
|
|
"Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
|
||
|
|
sans-serif;
|
||
|
|
/* 스크롤바로 인한 세로 스크롤 방지: 가로 스크롤은 허용하되 세로는 화면 높이에 맞춤 */
|
||
|
|
height: 100dvh;
|
||
|
|
overflow-y: hidden;
|
||
|
|
overflow-x: auto;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* HTML 이메일 본문 스타일 - 원본 레이아웃을 최대한 유지 */
|
||
|
|
.email-html-content {
|
||
|
|
/* 원본 HTML의 스타일을 덮어쓰지 않도록 최소한의 스타일만 적용 */
|
||
|
|
word-wrap: break-word;
|
||
|
|
overflow-wrap: break-word;
|
||
|
|
word-break: keep-all; /* 단어 단위 줄바꿈 (한글 포함) */
|
||
|
|
font-weight: 400; /* 텍스트 두께 정상화 */
|
||
|
|
color: #222; /* 텍스트 색상 변경 */
|
||
|
|
line-height: 1.6;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* HTML 이메일 내부 링크 스타일 */
|
||
|
|
.email-html-content a {
|
||
|
|
color: #2563eb !important;
|
||
|
|
text-decoration: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.email-html-content a:hover {
|
||
|
|
text-decoration: underline;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* contentEditable placeholder */
|
||
|
|
[contenteditable][data-placeholder]:empty:before {
|
||
|
|
content: attr(data-placeholder);
|
||
|
|
color: #9ca3af;
|
||
|
|
pointer-events: none;
|
||
|
|
position: absolute;
|
||
|
|
}
|
||
|
|
|
||
|
|
[contenteditable]:focus {
|
||
|
|
outline: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* contentEditable 내부 이미지 크기 제한 */
|
||
|
|
[contenteditable] img {
|
||
|
|
max-width: 100% !important;
|
||
|
|
height: auto !important;
|
||
|
|
display: block !important;
|
||
|
|
object-fit: contain !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 인쇄용 스타일 - 이메일 상세만 출력 */
|
||
|
|
@media print {
|
||
|
|
/* 사이드바, 헤더, 메일목록 숨김 */
|
||
|
|
body > div > div:first-child, /* 사이드바 */
|
||
|
|
body header,
|
||
|
|
body nav {
|
||
|
|
display: none !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 인쇄 영역만 표시 */
|
||
|
|
#print-area {
|
||
|
|
position: absolute !important;
|
||
|
|
top: 0 !important;
|
||
|
|
left: 0 !important;
|
||
|
|
width: 100% !important;
|
||
|
|
padding: 20px !important;
|
||
|
|
background: white !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* print:hidden 클래스 숨김 */
|
||
|
|
.print\\:hidden {
|
||
|
|
display: none !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 전체 레이아웃 초기화 */
|
||
|
|
body {
|
||
|
|
margin: 0 !important;
|
||
|
|
padding: 0 !important;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 스크롤바 숨기기 (스크롤 기능은 유지) */
|
||
|
|
.hide-scrollbar {
|
||
|
|
-ms-overflow-style: none; /* IE, Edge */
|
||
|
|
scrollbar-width: none; /* Firefox */
|
||
|
|
}
|
||
|
|
.hide-scrollbar::-webkit-scrollbar {
|
||
|
|
display: none; /* Chrome, Safari, Opera */
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 어드민 대시보드 내부 스크롤 영역 스크롤바 숨기기 */
|
||
|
|
.admin-scroll {
|
||
|
|
-ms-overflow-style: none;
|
||
|
|
scrollbar-width: none;
|
||
|
|
}
|
||
|
|
.admin-scroll::-webkit-scrollbar {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* recharts 차트 클릭 시 검은색 테두리 제거 */
|
||
|
|
.recharts-wrapper,
|
||
|
|
.recharts-wrapper *,
|
||
|
|
.recharts-wrapper svg,
|
||
|
|
.recharts-wrapper svg *,
|
||
|
|
.recharts-surface,
|
||
|
|
.recharts-layer,
|
||
|
|
.recharts-cartesian-grid,
|
||
|
|
.recharts-area,
|
||
|
|
.recharts-curve {
|
||
|
|
outline: none !important;
|
||
|
|
box-shadow: none !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* recharts 차트 포커스 상태에서도 테두리 제거 */
|
||
|
|
.recharts-wrapper:focus,
|
||
|
|
.recharts-wrapper *:focus,
|
||
|
|
.recharts-surface:focus {
|
||
|
|
outline: none !important;
|
||
|
|
box-shadow: none !important;
|
||
|
|
}
|