43 lines
847 B
Vue
43 lines
847 B
Vue
<script setup>
|
|
import BlockSlot from './BlockSlot.vue';
|
|
|
|
defineProps({
|
|
block: {
|
|
type: Object,
|
|
required: true,
|
|
},
|
|
activeLang: {
|
|
type: String,
|
|
default: '',
|
|
},
|
|
});
|
|
</script>
|
|
|
|
<template>
|
|
<section class="block-two-columns">
|
|
<BlockSlot
|
|
:slot-data="block.left"
|
|
:block-id="block.id"
|
|
slot-key="left"
|
|
:active-lang="activeLang"
|
|
:column="true"
|
|
/>
|
|
<BlockSlot
|
|
:slot-data="block.right"
|
|
:block-id="block.id"
|
|
slot-key="right"
|
|
:active-lang="activeLang"
|
|
:column="true"
|
|
/>
|
|
</section>
|
|
</template>
|
|
|
|
<style scoped>
|
|
.block-two-columns {
|
|
align-items: center;
|
|
display: grid;
|
|
gap: 1.4rem;
|
|
grid-template-columns: repeat(2, minmax(0, 1fr));
|
|
}
|
|
</style>
|