tolag3/koipa_edu_2025-1
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

2023/11/15 체험교실 대시보드 7단계로 수정

Browse Source
This commit is contained in:
kmg 2023-11-15 12:12:16 +09:00
parent 249ea06ff7
commit 43d90c9253
2 changed files with 14 additions and 39 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

37
src/main/webapp/visitEdu/usr/publish/css/content.css
View File

@ -358,23 +358,11 @@ select.selType1 {height: 40px; border: 1px solid #d5d5d5; border-radius: 5px; pa
.tb_list02 table .btnType04 {border-radius:5px; padding:5px 10px; font-size:15px;}
.tb_list02 table .btnType06 {border-radius:5px; padding:5px 10px; font-size:15px;}
/*체험교실대시보드*/
.ex_process {display:flex; justify-content:space-between; background:#f5f5f5; border:1px solid #cbcbcb; width:100%; border-radius:10px; margin: 0 0 40px 0; }
.ex_process li {position:relative; background-position:25 center; background-repeat: no-repeat; width:20%; color:#666; font-size:22px; font-weight:500; letter-spacing:-0.5; }
.ex_process li a {width:100%; padding:0; box-sizing: border-box; padding:45px 0 45px 125px ;}
.ex_process li.p_1 {background-image: url(../images/content/ex_process1.png); background-position:50px center;}
.ex_process li.p_2 {background-image: url(../images/content/ex_process2.png); background-position:50px center;}
.ex_process li.p_3 {background-image: url(../images/content/ex_process3.png); background-position:50px center;}
.ex_process li.p_4 {background-image: url(../images/content/ex_process4.png); background-position:50px center;}
.ex_process li.p_5 {background-image: url(../images/content/ex_process5.png); background-position:50px center;}
.ex_process li.p_1_on {background-image: url(../images/content/ex_process1_on.png); background-position:50px center; background-color:#f37632; border-radius:10px; color:#fff; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);}
.ex_process li.p_2_on {background-image: url(../images/content/ex_process2_on.png); background-position:50px center; background-color:#f37632; border-radius:10px; color:#fff; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);}
.ex_process li.p_3_on {background-image: url(../images/content/ex_process3_on.png); background-position:50px center; background-color:#f37632; border-radius:10px; color:#fff; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);}
.ex_process li.p_4_on {background-image: url(../images/content/ex_process4_on.png); background-position:50px center; background-color:#f37632; border-radius:10px; color:#fff; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);}
.ex_process li.p_5_on {background-image: url(../images/content/ex_process5_on.png); background-position:50px center; background-color:#f37632; border-radius:10px; color:#fff; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);}
.ex_process li::after {position:absolute; content:""; width:1px; height:60px; background-color: #d5d5d5; right: 0; align-items: center; margin:-85px 0 0 0;}
.ex_process li.p_1_on::after, li.p_2_on::after, li.p_3_on::after, li.p_4_on::after, li.p_5::after, li.p_5_on::after {display:none; }
.ex_process {display:flex; justify-content:space-between;}
.ex_process li {border-radius: 10px; width:13.5%; text-align: center; color:#fff; padding:15px 0 18px 0; font-size:22px;}
.ex_process li.p {background-color: #a7acb6;}
.ex_process li.p_on {background-color:#f37632;}
/* 첨부파일 */
.tb_type01.attach {margin-bottom: 10px;}
@ -812,22 +800,7 @@ select.selType1 {height: 40px; border: 1px solid #d5d5d5; border-radius: 5px; pa
.sel_tpye {margin: 100px 120px 24px 120px;}
/*체험교실대시보드*/
.ex_process {background:#f5f5f5; border:1px solid #cbcbcb; width:100%; border-radius:10px; margin: 0; margin:0 0 30px 0; }
.ex_process li {position:relative; background-position:25 center; background-repeat: no-repeat; width:20%; color:#666; font-size:17px; letter-spacing: -1px; font-weight:500;}
.ex_process li a { padding:20px 0; text-align:center;}
.ex_process li.p_1_on {background-image: none;}
.ex_process li.p_2_on {background-image: none;}
.ex_process li.p_3_on {background-image: none;}
.ex_process li.p_4_on {background-image: none;}
.ex_process li.p_5_on {background-image: none;}
.ex_process li.p_1 {background-image: none;}
.ex_process li.p_2 {background-image: none;}
.ex_process li.p_3 {background-image: none;}
.ex_process li.p_4 {background-image: none;}
.ex_process li.p_5 {background-image: none;}
.ex_process li::after {position:absolute; content:""; width:1px; height:30px; background-color: #d5d5d5; right: 0; margin:-45px 0 0 0;}
.ex_process li.p_1_on::after, li.p_2_on::after, li.p_3_on::after, li.p_4_on::after, li.p_5_on::after {display:none; }
.ex_process li {font-size:18px; padding:8px 3px 10px 3px; border-radius:5px; width:12%; line-height:20px; display: flex; align-items: center; justify-content: center;}
}

14
src/main/webapp/visitEdu/usr/publish/sub_ex_dashboard.html
View File

@ -529,12 +529,14 @@
</div>
<!-- 체험교실 프로세스 -->
<ul class="ex_process">
<li class="p_1_on"><a href="#">신청정보</a></li>
<li class="p_2"><a href="#">거래선 등록</a></li>
<li class="p_3"><a href="#">운영계획</a></li>
<li class="p_4"><a href="#">결과보고</a></li>
<li class="p_5"><a href="#">최종결과</a></li>
</ul>
<li class="p_on"><a href="#">운영 신청</a></li>
<li class="p_on"><a href="#">운영 확정</a></li>
<li class="p">서류 제출</li>
<li class="p">운영 진행중</li>
<li class="p">결과 보고</li>
<li class="p">검토중</li>
<li class="p">운영 종료</li>
</ul>
<!--// 체험교실 프로세스 -->
</div>
</div>