24 lines
740 B
Vue
24 lines
740 B
Vue
<script setup lang="ts">
|
|
withDefaults(defineProps<{
|
|
title?: string
|
|
borderColor?: string
|
|
}>(), {
|
|
title: 'title',
|
|
borderColor: 'blue-500'
|
|
})
|
|
</script>
|
|
|
|
<template>
|
|
<div :class="[`border-${borderColor}`]" class="h-full w-full flex items-start justify-start border-solid border-[12px] bg-gray-50">
|
|
<div class="flex items-start justify-start h-full">
|
|
<div class="flex flex-col justify-between w-full h-full">
|
|
<h1 class="text-[80px] p-20 font-black text-left">
|
|
{{ title }}
|
|
</h1>
|
|
<p class="text-2xl pb-10 px-20 font-bold mb-0">
|
|
mycoolsite.com
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template> |