24 lines
838 B
Vue
24 lines
838 B
Vue
<script setup> import BasicTextSkeleton from "components/basicSkeletons/BasicTextSkeleton.vue";
|
|
import {randomInt} from "src/composables/random";
|
|
</script>
|
|
|
|
<template>
|
|
|
|
<q-card flat style="margin: 0 auto; max-width: 400px">
|
|
<q-skeleton type="rect" height="300px"/>
|
|
|
|
<q-card-section>
|
|
|
|
<div style="width: 200px; text-align: center; margin-top: -100px; margin-left: auto; margin-right: auto">
|
|
<q-skeleton class="inline-block" type="QAvatar" size="150px"/>
|
|
<q-skeleton class="inline-block" type="text" height="50px" :width="`${randomInt(50, 80)}%`"/>
|
|
<q-skeleton class="inline-block" type="text" height="40px" :width="`${randomInt(60, 90)}%`"/>
|
|
</div>
|
|
<div class="q-mt-lg">
|
|
<BasicTextSkeleton :lines="3" :paragraphs="1"/>
|
|
</div>
|
|
</q-card-section>
|
|
</q-card>
|
|
|
|
</template>
|