Initial commit: Add project files
This commit is contained in:
@@ -0,0 +1,8 @@
|
||||
<template>
|
||||
<div class="ks-form-layout">
|
||||
<form class="ks-form-layout__form ks-card" @submit.prevent="$emit('submit')"><slot /></form>
|
||||
<aside v-if="$slots.preview" class="ks-form-layout__preview ks-card"><slot name="preview" /></aside>
|
||||
</div>
|
||||
</template>
|
||||
<script setup lang="ts">defineEmits<{ submit: [] }>()</script>
|
||||
<style scoped>.ks-form-layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(18rem, 26rem); gap: var(--ks-space-4); align-items: start; } .ks-form-layout__form,.ks-form-layout__preview { padding: var(--ks-space-4); } @media (max-width: 950px) { .ks-form-layout { grid-template-columns: 1fr; } }</style>
|
||||
Reference in New Issue
Block a user