chominsoo4245 / mjon_git star
Forked from hylee / mjon_git
정수빈 정수빈 2024-08-14
문자전송 미리보기
@f857edd7b88c6651e68b0d44ecf1a65e437f8127
5482ac9
f857edd
src/main/webapp/WEB-INF/jsp/web/msgdata/MsgDataSMLView.jsp
--- src/main/webapp/WEB-INF/jsp/web/msgdata/MsgDataSMLView.jsp
+++ src/main/webapp/WEB-INF/jsp/web/msgdata/MsgDataSMLView.jsp
@@ -4160,6 +4160,13 @@
 
 						</div>
 
 					</div>
 
                        <p class="addText">※ 단말기 설정에 따라 다르게 보일 수 있습니다</p>
 
+                       <div class="preview_util">
 
+                       	<button type="button"><img src="/publish/images/content/page_first.png"></button>
 
+                       	<button type="button"><img src="/publish/images/content/page_prev.png"></button>
 
+                       	<p>미리보기</p>
 
+                       	<button type="button"><img src="/publish/images/content/page_next.png"></button>
 
+                       	<button type="button"><img src="/publish/images/content/page_last.png"></button>
 
+                       </div>
 
 				</div>
 
 				<div class="phone_bottom">
 
                     <div class="send_rev">
5482ac9
f857edd
src/main/webapp/publish/css/content.css
--- src/main/webapp/publish/css/content.css
+++ src/main/webapp/publish/css/content.css
@@ -534,6 +534,11 @@
 
 .preview_auto .none_txt {color: #999; font-weight: 300;}
 
 /* 핸드폰 안에 내용 길어져서 스크롤 생길 때 */
 
 .send_top .send_right .phone .addText {color: #002c9a;text-align: center; font-size: 14px; padding-top: 10px; margin:0 0 10px 0;}
 
+.send_top .send_right .preview_util{display:flex;align-items:center;justify-content:center;border-bottom:1px solid #d5d5d5;margin:20px 0 0 0;padding:0 0 20px 0;}
 
+.send_top .send_right .preview_util>*{margin:0 2px;}
 
+.send_top .send_right .preview_util button{width:32px;height:32px;border-radius:5px;border:1px solid #d5d5d5;background:#F5f5f5;}
 
+.send_top .send_right .preview_util button img{margin:-2.5px 0 0 0;}
 
+.send_top .send_right .preview_util p{margin:0 20px;font-weight:500;}
 
 
 /* 그림 문자 */
 
 .send_top .send_right .phone .text_length2 .photo_msg_num {margin-left: 3px; float: left;}
@@ -544,7 +549,8 @@
 
 /* .send_top .send_right .phone .text_preview .preiew_img .img_box.on_scroll_img {max-width: 95% !important; margin-right: 15px;} */
 
 
 /* 문자 예약 */
 
-.send_top .send_right .phone_bottom {position: absolute; bottom: 0; left: 0;}
 
+/* .send_top .send_right .phone_bottom {position: absolute; bottom: 0; left: 0;} */
 
+.send_top .send_right .phone_bottom {position: absolute; bottom: 37px; left: 0;}
 
 .send_top .send_right .send_rev {width: 310px; margin: 50px 0 0; /*position:relative;*/}
 
 .send_top .send_right .send_rev .rev_selected  {background-color: #f5f5f5;padding: 15px 0 15px 10px;border: 1px solid #d6d8da;border-radius: 10px;}
 
 .send_top .send_right .send_rev .rev_radio input[type="radio"]+label {color: #555;margin-right: 8px;}
Add a comment
List