fixed png thmbnail show

backend/public/assets/img/icon/star-outline-black.svg

@@ -1 +1,16 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="31.5" height="29.25" viewBox="0 0 31.5 29.25"><path fill="#000" d="M32.555,13.5H22.212L19.069,4.12a1.139,1.139,0,0,0-2.138,0L13.788,13.5H3.375A1.128,1.128,0,0,0,2.25,14.625a.827.827,0,0,0,.021.19,1.081,1.081,0,0,0,.471.795l8.5,5.991L7.98,31.085a1.128,1.128,0,0,0,.387,1.266A1.088,1.088,0,0,0,9,32.625a1.378,1.378,0,0,0,.7-.253L18,26.459l8.3,5.913a1.318,1.318,0,0,0,.7.253,1.01,1.01,0,0,0,.626-.274,1.114,1.114,0,0,0,.387-1.266L24.75,21.6l8.43-6.047.2-.176a1.18,1.18,0,0,0,.366-.752A1.191,1.191,0,0,0,32.555,13.5Z" data-name="Icon ionic-ios-star-outline" transform="translate(-2.25 -3.375)"/></svg>
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.4.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="レイヤー_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px"
+	 y="0px" viewBox="0 0 24 24" style="enable-background:new 0 0 24 24;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#000;}
+</style>
+<path id="Icon_ionic-ios-star-outline" class="st0" d="M21.9,9h-7.1l-2.1-6.3c-0.2-0.4-0.6-0.6-1-0.4c-0.2,0.1-0.4,0.3-0.4,0.4
+	L9.1,9H2C1.6,9,1.2,9.3,1.2,9.7v0.1c0,0.2,0.2,0.4,0.4,0.5l5.8,4l-2.2,6.3c-0.1,0.3,0,0.6,0.3,0.9c0.1,0.2,0.3,0.2,0.4,0.3
+	c0.2,0,0.4-0.1,0.4-0.2l5.6-3.9l5.6,3.9c0.2,0.1,0.3,0.2,0.4,0.2s0.3-0.1,0.4-0.2c0.3-0.2,0.4-0.5,0.3-0.9l-2.2-6.3l5.7-4l0.2-0.1
+	c0.3-0.3,0.4-0.4,0.4-0.6C22.7,9.3,22.3,9,21.9,9z M15.8,13.4c-0.4,0.4-0.7,1-0.4,1.5l1.4,4.1c0,0.1,0,0.2-0.1,0.3
+	c-0.1,0-0.1,0-0.2,0l-3.7-2.6c-0.3-0.2-0.5-0.3-0.8-0.3s-0.5,0.1-0.8,0.3l-3.8,2.5c-0.1,0.1-0.2,0-0.3,0c0-0.1-0.1-0.1,0-0.2
+	l1.4-4.1c0.2-0.5,0-1.2-0.5-1.5l-3.8-2.7c-0.1-0.1-0.1-0.2,0-0.3c0-0.1,0.1-0.1,0.2-0.1h4.7c0.5,0,1.1-0.4,1.3-0.9l1.4-4.2
+	c0-0.1,0.2-0.2,0.3-0.1c0.1,0,0.1,0.1,0.1,0.1l1.3,4.1c0.2,0.5,0.7,0.9,1.3,0.9h4.6c0.1,0,0.2,0.1,0.2,0.2c0,0.1,0,0.1-0.1,0.2
+	L15.8,13.4z"/>
+</svg>

backend/public/css/app.css

@@ -12255,6 +12255,11 @@ categories: [layout]
     background-image: url(/assets/img/icon/list-black.svg);
   }
 }
+@media screen and (min-width: 1068px) {
+  .mypage-nav-list__item.nav-active .icon.star:before {
+    background-image: url(/assets/img/icon/star-outline-black.svg);
+  }
+}
 @media screen and (max-width: 1067px) {
   .mypage-nav-list__item.nav-active .icon.star:before {
     background-image: url(/assets/img/icon/star-outline-yellow02.svg);
@@ -12295,11 +12300,6 @@ categories: [layout]
     display: none;
   }
 }
-@media screen and (min-width: 1068px) {
-  .mypage-nav-list__item.-favorite {
-    display: none;
-  }
-}
 .mypage-nav-list__item a {
   display: flex;
   align-items: center;
@@ -14488,15 +14488,18 @@ categories: [project]
   max-width: 700px;
 }
 .p-file-for {
-  padding: 50px 0;
   border: 1px solid rgba(36, 77, 138, 0.1);
   border-radius: 6px;
   margin-bottom: 15px;
 }
-@media screen and (min-width: 1068px) {
-  .p-file-for {
-    padding: 80px 0;
-  }
+.p-file-for figure {
+  height: 350px;
+}
+.p-file-for figure img {
+  width: 100%;
+  height: 100%;
+  -o-object-fit: contain;
+     object-fit: contain;
 }
 .p-file-nav {
   display: flex;
@@ -17386,16 +17389,6 @@ a {
   border-radius: 50%;
 }
 
-.p-file-for figure {
-  height: 250px;
-}
-.p-file-for figure img {
-  width: 100%;
-  height: 100%;
-  -o-object-fit: contain;
-     object-fit: contain;
-}
-
 .mypage-nav-list__item.nav-active .prof-wrap {
   border: 1px solid #F0DE00 !important;
 }

backend/resources/sass/layouts/_main.scss

@@ -86,14 +86,6 @@ a{
     border-radius: 50%;
 }
 
-.p-file-for figure{
-  height: 250px;
-  img{
-    width: 100%;
-    height: 100%;
-    object-fit: contain;
-  }
-}
 
 .mypage-nav-list__item{
   &.nav-active{

backend/resources/sass/scss/layout/_side.scss

@@ -112,6 +112,9 @@ categories: [layout]
           }
           &.star{
             &:before{
+              @include pc{
+                background-image: url(/assets/img/icon/star-outline-black.svg);
+              }
               @include sp{
                 background-image: url(/assets/img/icon/star-outline-yellow02.svg);
               }
@@ -153,9 +156,9 @@ categories: [layout]
         }
       }
       &.-favorite{
-        @include pc{
-          display: none;
-        }
+        // @include pc{
+        //   display: none;
+        // }
       }
       a{
         display: flex;

backend/resources/sass/scss/object/project/_article.scss

@@ -96,12 +96,16 @@ categories: [project]
     max-width: 700px;
   }
   &-for{
-    padding: 50px 0;
     border: 1px solid rgba(36,77,138,.1);
     border-radius: 6px;
     margin-bottom: 15px;
-    @include pc{
-      padding: 80px 0;
+    figure{
+      height: 350px;
+      img{
+        width: 100%;
+        height: 100%;
+        object-fit: contain;
+      }
     }
   }
   &-nav{