Browse Source

detailView test

pull/1/head
이준희 2 years ago
parent
commit
40e4731bbe
  1. 9
      src/main/webapp/WEB-INF/view/jh/board/detailView.jsp
  2. 3
      src/main/webapp/web/css/common.css

9
src/main/webapp/WEB-INF/view/jh/board/detailView.jsp

@ -68,7 +68,7 @@
<div class="comment-view" id="test3"> <div class="comment-view" id="test3">
<span class="user"><span class="id">익명3</span><span <span class="user"><span class="id">익명3</span><span
class="date">05.02 13:00</span></span> <span class="text" id="text">여기는 댓글 class="date">05.02 13:00</span><span>답글</span></span> <span class="text" id="text">여기는 댓글
정보3333!</span> 정보3333!</span>
<!-- ** --> <!-- ** -->
<div class="reply-box"> <div class="reply-box">
@ -81,17 +81,12 @@
<span class="user"><span class="id">익명6</span><span <span class="user"><span class="id">익명6</span><span
class="date">05.02 13:00</span></span> <span class="text">여기는 댓글의 class="date">05.02 13:00</span></span> <span class="text">여기는 댓글의
댓글(답글)정보!3333</span> 댓글(답글)정보!3333</span>
<div class="reply-view-reply"> </div>
<span class="user"><span class="id">익명6</span><span
class="date">05.02 13:00</span></span> <span class="text">여기는 댓글의
댓글(답글)정보!3333</span>
<div class="reply-view"> <div class="reply-view">
<span class="user"><span class="id">익명6</span><span <span class="user"><span class="id">익명6</span><span
class="date">05.02 13:00</span></span> <span class="text">여기는 댓글의 class="date">05.02 13:00</span></span> <span class="text">여기는 댓글의
댓글(답글)정보!3333</span> 댓글(답글)정보!3333</span>
</div> </div>
</div>
</div>
<!-- </div> --> <!-- </div> -->
<!-- ** --> <!-- ** -->
</div> </div>

3
src/main/webapp/web/css/common.css

@ -58,5 +58,6 @@ button:hover{cursor:pointer;}
.reply-input textarea{border:0;resize:none;width:calc(100% - 130px);height:42px;border:1px solid #999;border-radius:4px;padding:10px;} .reply-input textarea{border:0;resize:none;width:calc(100% - 130px);height:42px;border:1px solid #999;border-radius:4px;padding:10px;}
.reply-input button{width:120px;height:42px;background:#333;color:#fff;font-weight:500;border-radius:4px;} .reply-input button{width:120px;height:42px;background:#333;color:#fff;font-weight:500;border-radius:4px;}
.reply-view{background:#f4f4f4;padding:14px;border-radius:4px;margin:14px 10px 0 10px;} .reply-view{background:#f4f4f4;padding:14px;border-radius:4px;margin:14px 10px 0 10px;}
.reply-view-reply{background: #ffffff;padding:14px;border-radius:4px;margin:14px 10px 0 10px;}
.reply-view .user{margin:0 0 10px 0;} .reply-view .user{margin:0 0 10px 0;}
.reply-view-reply{border-top:1px solid #ddd; background:#f4f4f4;padding:14px;border-radius:4px;margin:14px 10px 0 10px;}
Loading…
Cancel
Save