diff --git a/src/main/webapp/m/css/style.css b/src/main/webapp/m/css/style.css index 9707790..9dd1ce6 100644 --- a/src/main/webapp/m/css/style.css +++ b/src/main/webapp/m/css/style.css @@ -14320,4 +14320,150 @@ main.sona_cont_measurement { border-radius: 5px; border: 1px solid #ddd; box-shadow: 0 0 6px rgb(0 0 0 / 20%); +} + +/* 이유식 추천 화면 */ +.header_cart_btn { + background: url(../img/food_information/foodInfo_subMain_basket_ico.png) no-repeat 0 0/ auto 15px; + width: 19px; + height: 17px; +} + +.babyfood { + +} + +.babyfood .profile_wrap { + margin-top: 10px; + margin-bottom: 30px; +} + +.babyfood .recommend_title { + text-align: center; + font-size: 13px; +} + +.babyfood .recommend_title span { + color: #45C4A7; + font-size: 13px; +} + +.babyfood .ranking_list_con { + display: flex; + width: 100%; +} + +.babyfood .ranking_list_con .ranking_list { + display: flex; + flex-grow: 1; + + align-items: center; +} + +.babyfood .ranking_list_con .ranking_list ul{ + display: flex; + flex-direction: column; + justify-content: center; + width: 100%; + height: 100%; + min-height: 325px; + padding: 0 15px; +} + +.babyfood .ranking_list_con .ranking_list ul li{ + display: flex; + align-items: center; + height: 50px; + border-radius: 25px; + margin-bottom: 15px; + padding: 0 20px; + font-size: 14px; + border: 1px solid #999; +} + +.babyfood .ranking_list_con .ranking_list ul li a{ + display: flex; + align-items: center; +} + +.babyfood .ranking_list_con .ranking_list ul li:nth-child(1){ + font-size: 18px; +} + +.babyfood .rank_num { + display: flex; + align-items: center; + justify-content: center; + width: 30px; + height: 30px; + border-radius: 15px; + background-color: #45C4A7; + color: #fff; + margin-right: 10px; +} + +.babyfood .ranking_list_con .arrow_btn { + display: flex; + width: 50px; + flex-shrink: 0; + justify-content: center; + align-items: center; +} + +.arrow_btn .left{ + background:url(../img/xxxx_sprites/arrow_01_left02.png)no-repeat; + width: 25px; + height: 40px; +} + +.arrow_btn .right{ + background:url(../img/xxxx_sprites/arrow_01_right02.png)no-repeat; + width: 25px; + height: 40px; +} + +.babyfood .no_list { + display: flex; + flex-direction: column; + align-items: center; +} + +.babyfood .no_list img{ + width: 120px; + height: 120px; + margin-bottom: 30px; +} + +.babyfood .no_list p{ + font-size: 15px; +} + +.babyfood .search_btn_cont { + display: flex; + justify-content: space-between; + padding: 0 15px; + width: 100%; + margin-top: 30px; +} + +.babyfood .search_btn_cont div{ + display: flex; + justify-content: center; + align-items: center; + height: 45px; + width: 48%; + border-radius: 25px; + padding: 0 15px; +} + +.babyfood .search_btn_cont div:nth-child(1){ + border: 1px solid #45C4A7; +} + +.babyfood .search_btn_cont div:nth-child(2){ + border: 1px solid #FF9C01; +} + +.babyfood .search_btn_cont a{ + font-size: 17px; } \ No newline at end of file diff --git a/src/main/webapp/m/html/_87.html b/src/main/webapp/m/html/_87.html new file mode 100644 index 0000000..a3b047c --- /dev/null +++ b/src/main/webapp/m/html/_87.html @@ -0,0 +1,523 @@ + + + + + + 이유식당 + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + +
+
+ +
+
+

추천 홈메이드 이유식

+
+ +
+ + + +
+ + +
+ +
+ +
+
+ +
+
+

${username}의 영양상태를 분석하여 추천했어요!

+
+ +
+
+ + +
+
+ +
+
+ +
+
+ +
+
이유식 레시피 검색
+
시판 이유식 검색
+
+ +
+ + +
+ + +
+ + + + + + + + + + + + + \ No newline at end of file