style(ui): align responsive heroes and card controls

2026-07-29 22:15:28 +08:00
parent 21a2db2afd
commit 358fa2c7d3
5 changed files with 97 additions and 59 deletions
@@ -40,6 +40,21 @@
    @apply py-10;
  }

+  .oc-page-hero__split {
+    @apply grid gap-6;
+  }
+
+  @media (min-width: 900px) {
+    .oc-page-hero__split {
+      grid-template-columns: minmax(0, 1fr) minmax(18rem, 0.9fr);
+      align-items: start;
+    }
+
+    .oc-page-hero__split--stretch {
+      align-items: stretch;
+    }
+  }
+
  .oc-page-content {
    @apply py-8;
  }