styles

src/components/Thumbnail.tsx

@@ -27,5 +27,6 @@ const cardStyles = css`
   background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAaQAAAGkAgMAAAADIrmmAAAADFBMVEU7OzsAAABAQEA8PDx2WAOfAAAABHRSTlMZAAQKGjtSlQAAAX5JREFUeNrt2bFNQ0EMgOELiIIiJSMwAn1GoOAEBQUjZARGYwn24SRWyLPs81dEzlVf935ZHvM6TnPO1zHG05pjHPZ8H1HSZ5h0DZMuYdJPmDRIJNItpbs1v9Z8XvPA5/p9rP+Pa36Pcdjz//22xsOal+OeJBKJ1FSK+ZYH9WnjupNIJFIOya5Ro+4kEonUStq0uSQSidRNsmsUaC6JRCKlkdw1atSdRCKRckh2jRp1J5FIpFbSps0lkUikbpJdo0BzSSQSKY3krlGj7iQSiZRDsmvUqDuJRCK1kjZtLolEInWT7BoFmksikUhpJHeNGnUnkUikHJJdo0bdSSQSqZW0aXNJJBKpm2TXKNBcEolESiO5a9SoO4lEIuWQ7Bo16k4ikUitpE2bSyKRSN0ku0aB5pJIJFIayV2jRt1JJBIph2TXqFF3EolEaiVt2lwSiUTqJtk1CjSXRCKR0kjuGjXqTiKRSDkku0aNupNIW0v3YdIpTDqHSS9h0m+UdJ5/j+fbnwfuGT4AAAAASUVORK5CYII=");
   background-size: contain;
   background-color: rgba(255, 255, 255, 0.8);
+  /* background-color: rgb(74, 74, 74); */
   overflow: hidden;
 `;

src/modules/editor/components/Viewport/Header/index.tsx

@@ -43,11 +43,12 @@ export default defineUI({
               placement="bottomRight"
             >
               <Button size="small" class="text-12px">
-                分享
+                预览
               </Button>
             </Dropdown>
           )}
           <Button
+            class="text-12px"
             type="primary"
             size="small"
             onClick={() => actions.saveDesign()}

src/modules/editor/components/Viewport/Slider/SliderLeft/Shapes.tsx

@@ -41,7 +41,7 @@ export default defineUI({
                     onClick={() => editor.actions.clickFrameToDesign(item)}
                   >
                     <Image
-                      class="w-full rounded pointer-events-none"
+                      class="w-full p-10px rounded pointer-events-none"
                       src={item.file.url}
                       // size={240}
                     />