Fix detail problems (#842)

* fix backdrop detail height

* fix preprocess method state

* commit config for env prod

spx-gui/.env.prod

@@ -0,0 +1,11 @@
+# Config for env production
+
+# Casdoor configuration
+VITE_CASDOOR_ENDPOINT="https://acc.goplus.org"
+VITE_CASDOOR_CLIENT_ID="4ff910257e9cdd89b6b8"
+
+# Used not for authentication, but for fetching user profile
+VITE_CASDOOR_ORGANIZATION_NAME="built-in"
+VITE_CASDOOR_APP_NAME="application_stem"
+
+VITE_API_BASE_URL="https://builder.goplus.org/api"

spx-gui/src/components/asset/preprocessing/PreprocessModal.vue

@@ -191,14 +191,14 @@ function handleMethodApplied(method: Method, output: File[]) {
   const idx = supportedMethods.value.findIndex((m) => m.value === method)
   // methods are applied in order, so we need to unapply the following methods, as thier inputs have changed
   outputs.splice(idx)
-  outputs.push(output)
+  outputs[idx] = output
   updateCostumes(output)
 }
 
 function handleMethodCancel(method: Method) {
   const idx = supportedMethods.value.findIndex((m) => m.value === method)
   outputs.splice(idx)
-  outputs.push(null)
+  outputs[idx] = null
   updateCostumes(getMethodInput(method))
 }
 

spx-gui/src/components/editor/stage/backdrop/BackdropDetail.vue

@@ -39,6 +39,7 @@ const [imgSrc, imgLoading] = useFileUrl(() => props.backdrop.img)
 .img-wrapper {
   width: 100%;
   flex: 1 1 0;
+  min-height: 0;
   display: flex;
   align-items: center;
   justify-content: center;