32 lines
970 B
Vue
32 lines
970 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 flex items-center text-lg font-medium">RSSA</div>
|
|
<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>
|