diff options
| -rw-r--r-- | pages/models/_id.vue | 16 |
1 files changed, 15 insertions, 1 deletions
diff --git a/pages/models/_id.vue b/pages/models/_id.vue index f1007de..0c42cbb 100644 --- a/pages/models/_id.vue +++ b/pages/models/_id.vue @@ -1,7 +1,19 @@ <template lang="pug"> .mx-auto.max-w-7xl.py-6#modelpage(class="sm:px-6 lg:px-8") section.mb-5 - h1.text-3xl.font-bold.border-green-500.border-b-2.pb-3.w-max {{ model.name }} + .flow-root + .float-left + h1.text-3xl.font-bold.border-green-500.border-b-2.pb-3.w-max {{ model.name }} + .float-right(v-if="model.author") + .flex + .mr-3.float-left + user-avatar(:data="model.author") + p.leading-8 + a.text-green-800(class="hover:text-green-700" :href="'/users/'+model.author.username") + | @ + span.underline {{ model.author.username }} + .description.mt-3 + p {{ model.description }} .images.shadow-sm.rounded-lg.bg-white.p-4.w-full .block.gap-4.h-full(class="md:flex") @@ -108,6 +120,7 @@ <script> import { ModelStl, ModelObj } from "vue-3d-model"; +import UserAvatar from "@/components/UserAvatar.vue"; export default { name: "ModelView", @@ -129,6 +142,7 @@ export default { components: { ModelStl, ModelObj, + "user-avatar": UserAvatar, }, created() { this.id = this.$route.params.id; |