가온앤 체크리스트 적용3

공유하기 버튼 동그라미 아이콘으로 변환

src/main/webapp/WEB-INF/views/ftl/m/memory/memory_daily.ftl

@@ -101,9 +101,12 @@
     </div>
     <!-- //pie chart -->
 
-    <div class="fix_icon">
+    <div class="fix_write_btn fix_center">
-        <#--          <button type="button"><img src="../img/ico_image_grey_24.png" alt=""></button>-->
+        <button id="share-list" type="button">
-        <button id="share-list" type="button"><img style="cursor:pointer" src="../img/ico_share_grey_24.png" alt=""></button>
+            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="#FFFFFF" class="bi bi-share-fill" viewBox="0 0 16 16">
+                <path d="M11 2.5a2.5 2.5 0 1 1 .603 1.628l-6.718 3.12a2.499 2.499 0 0 1 0 1.504l6.718 3.12a2.5 2.5 0 1 1-.488.876l-6.718-3.12a2.5 2.5 0 1 1 0-3.256l6.718-3.12A2.5 2.5 0 0 1 11 2.5z"/>
+            </svg>
+        </button>
     </div>
 </div>
 <!-- //wrap -->

src/main/webapp/WEB-INF/views/ftl/m/memory/memory_week.ftl

@@ -189,9 +189,12 @@
         </div>
         <!--// 그래프 -->
 
-        <div class="fix_icon">
+        <div class="fix_write_btn fix_center">
-<#--                      <button type="button"><img src="../img/ico_image_grey_24.png" alt=""></button>-->
+            <button id="share-list" type="button">
-            <button id="share-list" type="button"><img style="cursor:pointer" src="../img/ico_share_grey_24.png" alt=""></button>
+                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="#FFFFFF" class="bi bi-share-fill" viewBox="0 0 16 16">
+                    <path d="M11 2.5a2.5 2.5 0 1 1 .603 1.628l-6.718 3.12a2.499 2.499 0 0 1 0 1.504l6.718 3.12a2.5 2.5 0 1 1-.488.876l-6.718-3.12a2.5 2.5 0 1 1 0-3.256l6.718-3.12A2.5 2.5 0 0 1 11 2.5z"/>
+                </svg>
+            </button>
         </div>
     </div>
     <!-- //wrap -->

src/main/webapp/m/css/style.css

@@ -17474,4 +17474,10 @@ color: white;
 .cart_list .item img{
   width: 30%;
   height: 19px;
+}
+
+.fix_center {
+    display: flex;
+    justify-content: center;
+    align-items: center;
 }