fix orientations

Author: DPnimo11

src/components/demos/CollisionDemo.astro

@@ -64,11 +64,11 @@ const jobData = {
     <div class="tab-content" id="tab-generate">
       <div class="split-view mesh-view">
         <div class="model-container">
-          <model-viewer src="/collision-job/labubu.glb" auto-rotate camera-controls shadow-intensity="1"></model-viewer>
+          <model-viewer src="/collision-job/labubu.glb" auto-rotate camera-controls shadow-intensity="1" orientation="0deg -90deg 0deg"></model-viewer>
           <p>TripoSR Mesh A</p>
         </div>
         <div class="model-container">
-          <model-viewer src="/collision-job/unicorn.glb" auto-rotate camera-controls shadow-intensity="1"></model-viewer>
+          <model-viewer src="/collision-job/unicorn.glb" auto-rotate camera-controls shadow-intensity="1" orientation="0deg -90deg 0deg"></model-viewer>
           <p>TripoSR Mesh B</p>
         </div>
       </div>

src/styles/demos/shared.css

@@ -140,6 +140,9 @@
   flex: 1;
   border: 1px solid var(--line);
   background: rgba(22, 24, 23, 0.05);
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
   text-align: center;
   padding-top: 16px;
 }
@@ -148,7 +151,8 @@
   max-width: 100%;
   height: 200px;
   object-fit: contain;
-  margin-bottom: 12px;
+  margin: 0 auto 12px auto;
+  display: block;
 }
 
 .input-card p, .model-container p {