u

src/modules/editor/components/CompUI/basicUI/View.tsx

@@ -84,26 +84,26 @@ export const Hudop = defineComponent({
 
     const opref= ref();
     onMounted(()=>{
-        opref.value.editable = "hudop";
+      opref.value.editable = "hudop";
     })
     return ()=>(
       <div class="hudop" ref={opref}>
-              {store.streamCardIds.length > 1 && (
+        {store.streamCardIds.length > 1 && (
                 <IconMove class="draganchor" />
               )}
               {store.streamCardIds.length > 1 && (
                 <IconDelete
                   onClick={() => actions.removeStreamCard(props.compId)}
                 />
-              )}
-              <IconAdd
-                onClick={() => {
-                  const index = store.streamCardIds.indexOf(props.compId) + 1;
-                  actions.addCompToDesign("Container", index);
+        )}
+        <IconAdd
+          onClick={() => {
+            const index = store.streamCardIds.indexOf(props.compId) + 1;
+            actions.addCompToDesign("Container", index);
 
-                }}
-              />
-        </div>
+          }}
+        />
+      </div>
     )
   } 
 })
@@ -145,9 +145,11 @@ const editCompStyle = css`
 
 
 const CurrCompStyle = css`
+  position: relative;
   outline: 1px solid @inf-primary-color;
   box-shadow: 0 0 0 3000px rgba(0, 0, 0, 0.5);
-`
+  z-index: 1000;
+`;
 
 const groupCompCls = css`
   outline: 2px solid @inf-primary-color !important;

src/pages/website/Promotion2/components/ShareModal.tsx

@@ -35,7 +35,7 @@ export default defineComponent({
       return (
         <div class="flex items-start">
           <div>
-            <div class="scrollbar w-375px h-600px pr-10px overflow-y-auto">
+            <div class="scrollbar h-600px pr-10px overflow-y-auto">
               {slots.preview?.()}
             </div>
             <div class="mt-20px text-center">