feat(content): more content

layouts/auto-grid.vue

@@ -25,9 +25,13 @@ defineProps<{
   grid-template-columns: repeat(var(--columns, 2), 1fr);
   grid-auto-rows: var(--rows, auto);
   gap: var(--space-xs);
-}
-.auto-grid > * {
-  inline-size: 100%;
-  block-size: 100%;
+
+  & > * {
+    inline-size: 100%;
+    block-size: 100%;
+  }
+  & > :deep(img) {
+    block-size: auto;
+  }
 }
 </style>

layouts/title-image.vue

@@ -13,7 +13,7 @@ const image = imageSrc(props.image)
 
 <template>
   <div class="slidev-layout h-full title">
-    <div class="grid grid-cols-2 h-full">
+    <div class="grid h-full gap-4">
       <div class="place-self-center">
         <slot />
       </div>
@@ -23,6 +23,9 @@ const image = imageSrc(props.image)
 </template>
 
 <style scoped>
+.grid {
+  grid-template-columns: 3fr 2fr;
+}
 .image {
   block-size: 100%;
   background-image: v-bind(image);