Abizrh
31 lines
996 B
Vue
31 lines
996 B
Vue
<script setup lang="ts">
|
|
defineProps<{
|
|
reverse?: boolean
|
|
}>()
|
|
</script>
|
|
|
|
<template>
|
|
<div
|
|
class="relative flex h-dvh items-center justify-center px-4 lg:max-w-none lg:px-0"
|
|
:class="{ 'flex-row-reverse': reverse }"
|
|
>
|
|
<!-- <div class="bg-muted relative hidden h-full flex-1 flex-col p-10 text-white lg:flex dark:border-r"> -->
|
|
<!-- <div class="absolute inset-0 bg-zinc-900" /> -->
|
|
<!-- <div class="relative z-20 mt-auto"> -->
|
|
<!-- <blockquote class="space-y-2"> -->
|
|
<!-- <p class="text-lg"> -->
|
|
<!-- “This library has saved me countless hours of work and helped me deliver stunning designs to my -->
|
|
<!-- clients faster than ever before.” -->
|
|
<!-- </p> -->
|
|
<!-- <footer class="text-sm">Sofia Davis</footer> -->
|
|
<!-- </blockquote> -->
|
|
<!-- </div> -->
|
|
<!-- </div> -->
|
|
<div class="mx-auto flex-1 lg:p-8">
|
|
<slot />
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<style scoped></style>
|