styles

src/modules/editor/components/CompUI/basicUI/Web3D/component.tsx

@@ -94,11 +94,11 @@ const iconCls = css`
   top: 50%;
   left: 50%;
   padding: 15px;
-  font-size: 50px;
-  color: #666;
+  font-size: 36px;
+  color: rgba(255, 255, 255, 0.8);
   transform: translate(-50%, -50%);
   border-radius: 50%;
-  background-color: rgba(255, 255, 255, 0.7);
+  background-color: rgba(0, 0, 0, 0.6);
 `;
 
 const closeCls = css`

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

@@ -20,13 +20,13 @@ export default defineUI({
       return (
         <div class="flex-1 overflow-x-hidden overflow-y-auto scrollbar">
           <Container
-            class="grid grid-cols-2 gap-15px"
+            class="grid grid-cols-4 gap-8px"
             behaviour="copy"
             group-name="canvas"
             animation-duration={0}
             get-child-payload={(index: number) => {
               return {
-                type: "Image",
+                type: "svg",
                 data: dataSource[index],
               };
             }}