hskwon
aca1767eb9
- URL 하드코딩 → .env APP_URL 기반 동적 URL로 변경 - DB 연결 하드코딩 → .env 기반으로 변경 - MySQL strict mode DATE 오류 수정
128 lines
2.8 KiB
CSS
128 lines
2.8 KiB
CSS
textarea {
|
|
overflow: hidden;
|
|
resize: none; /* 사용자 크기 조절을 방지 */
|
|
}
|
|
/* 기본 스타일 설정 */
|
|
input[type="checkbox"],
|
|
input[type="radio"] {
|
|
transform: scale(1.3); /* 크기 확대 */
|
|
margin: 3px; /* 여백 추가 */
|
|
}
|
|
|
|
/* "readonly" 상태일 때 스타일 설정 */
|
|
.readonly-checkbox,
|
|
.readonly-radio {
|
|
pointer-events: none; /* 사용자 상호작용 비활성화 */
|
|
opacity: 1; /* 불투명도 설정 */
|
|
color: red;
|
|
}
|
|
|
|
/* 레이블 텍스트 크게 설정 */
|
|
label {
|
|
font-size: 1.2em; /* 글꼴 크기 확대 */
|
|
display: inline-block;
|
|
margin: 3px 0;
|
|
}
|
|
.w-40{
|
|
width: 40%!important;
|
|
}
|
|
.w-50{
|
|
width: 50%!important;
|
|
}
|
|
.w-60{
|
|
width: 60%!important;
|
|
}
|
|
.w-85{
|
|
width: 85%!important;
|
|
}
|
|
|
|
.viewNoBtn {
|
|
cursor : pointer;
|
|
}
|
|
|
|
/* 전체 모달 폰트 기본값 12px 유지 */
|
|
#fullscreenModal * {
|
|
font-size: 12px;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
/* 모달 배경 오버레이 */
|
|
#fullscreenModal {
|
|
display: none;
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
background: rgba(0, 0, 0, 0.6);
|
|
z-index: 1050;
|
|
}
|
|
|
|
/* 모달 내용 영역 (가운데 정렬) */
|
|
#fullscreenModal > div {
|
|
background: white;
|
|
width: 1920px;
|
|
margin: 40px auto;
|
|
padding: 20px;
|
|
border-radius: 8px;
|
|
position: relative;
|
|
}
|
|
|
|
/* 버튼 스타일 */
|
|
#fullscreenModal .btn {
|
|
padding: 2px 8px;
|
|
font-size: 12px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
/* 테이블 관련 */
|
|
#fullscreenModal table {
|
|
width: 100%;
|
|
border-collapse: collapse;
|
|
}
|
|
#fullscreenModal table th,
|
|
#fullscreenModal table td {
|
|
padding: 4px;
|
|
vertical-align: middle;
|
|
font-size: 12px;
|
|
border: 1px solid #dee2e6;
|
|
}
|
|
#fullscreenModal table thead {
|
|
background-color: #f8f9fa;
|
|
}
|
|
|
|
/* 모달 내부 스크롤 */
|
|
#fullscreenModal .custom-modal-body {
|
|
padding: 8px;
|
|
flex: 1;
|
|
overflow-y: auto;
|
|
max-height: 800px;
|
|
}
|
|
|
|
/* 모달 열릴 때 바디 스크롤 방지 */
|
|
body.modal-open {
|
|
overflow: hidden;
|
|
}
|
|
|
|
/* 자동완성 리스트 스타일 */
|
|
/* 기존 스타일에 active 추가 */
|
|
.autocomplete-suggestions {
|
|
position: absolute;
|
|
z-index: 10000;
|
|
background: #fff;
|
|
border: 1px solid #ccc;
|
|
max-height: 200px;
|
|
overflow-y: auto;
|
|
}
|
|
.autocomplete-suggestion {
|
|
padding: 6px 12px;
|
|
cursor: pointer;
|
|
}
|
|
.autocomplete-suggestion:hover,
|
|
.autocomplete-suggestion.active {
|
|
background-color: #e9e9e9;
|
|
}
|
|
|
|
.tooltip .tooltip-inner {
|
|
font-size: 20px !important;
|
|
} |