Handle smaller screen widths for objects.

ltouroumov · Sep 5, 2024 · c2c3de3 · c2c3de3
1 parent b0ba468
commit c2c3de3
Showing 1 changed file with 7 additions and 4 deletions.
diff --git a/components/viewer/ViewProjectObj.vue b/components/viewer/ViewProjectObj.vue
@@ -105,7 +105,13 @@ const objClass = computed(() => {
     className = obj.objectWidth;
   }
 
-  return ['col', { [className]: true }];
+  if (className === 'col-12') {
+    // Full-Width object
+    return ['col', 'col-12'];
+  } else {
+    // Add grid fallback for other objects
+    return ['col', 'col-12', 'col-sm-6', { [className]: true }];
+  }
 });
 
 const objTemplateClass = computed(() => {
@@ -171,9 +177,6 @@ const decrement = () => {
 </script>
 
 <style lang="scss">
-.obj-preview {
-  overflow: auto;
-}
 .project-obj {
   height: 100%;
   overflow: hidden;