Add desktop two-column layout with six object cards on VSF detail page

2026-05-28 10:53:22 +02:00
parent 0c46113abd
commit 5dd7b18694
2 changed files with 116 additions and 0 deletions
@@ -39,6 +39,7 @@

 .sg-vsf-list-detail-page__content {
  display: flex;
+  gap: var(--spacing-small);
  width: 100%;
 }

@@ -47,6 +48,11 @@
  min-width: 30%;
 }

+.sg-vsf-list-detail-page__right-column {
+  width: 70%;
+  min-width: 0;
+}
+
 .sg-vsf-list-detail-page__left-column .sg-group-card {
  display: flex;
  flex-direction: column;
@@ -58,6 +64,19 @@
  width: 100%;
 }

+.sg-vsf-list-detail-page__right-column .sg-object-card-grid {
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-small);
+}
+
+.sg-vsf-list-detail-page__right-column .sg-object-card-grid .sg-object-card {
+  flex: 0 0 100%;
+  width: 100%;
+  min-width: 0;
+  max-width: none;
+}
+
@media (max-width: 767px) {
  .sg-vsf-list-detail-page__intro-block .sg-text-layout-pattern__sample--sixty-width {
    width: 100%;
@@ -71,4 +90,8 @@
    width: 100%;
    min-width: 0;
  }
+
+  .sg-vsf-list-detail-page__right-column {
+    width: 100%;
+  }
 }