|
2 | 2 | import relativeDate from 'tiny-relative-date'; |
3 | 3 | import Devlog from '$lib/components/Devlog.svelte'; |
4 | 4 | import Head from '$lib/components/Head.svelte'; |
5 | | - import { ExternalLink } from '@lucide/svelte'; |
6 | 5 | import { enhance } from '$app/forms'; |
7 | 6 | import { projectStatuses } from '$lib/utils.js'; |
8 | 7 | import ProjectLinks from '$lib/components/ProjectLinks.svelte'; |
| 8 | + import ThreeMFPreview from '$lib/components/ThreeMFPreview.svelte'; |
| 9 | + import { Download } from '@lucide/svelte'; |
9 | 10 |
|
10 | 11 | let { data } = $props(); |
11 | 12 |
|
|
14 | 15 |
|
15 | 16 | <Head title={'Review: ' + data.project.project.name} /> |
16 | 17 |
|
17 | | -<div class="flex h-full flex-row gap-5"> |
| 18 | +<div |
| 19 | + class="-mt-5 -mr-5 flex h-full flex-row [&>*]:-mb-5 [&>*]:overflow-x-clip [&>*]:pt-5 [&>*]:pr-5" |
| 20 | +> |
18 | 21 | <div class="grow overflow-scroll"> |
19 | 22 | <div class="flex grow flex-col gap-3"> |
20 | 23 | <h1 class="mt-5 font-hero text-2xl font-medium">{data.project.project.name}</h1> |
|
82 | 85 | </div> |
83 | 86 | </div> |
84 | 87 |
|
| 88 | + <div class="mt-2 flex flex-row"> |
| 89 | + <h2 class="grow text-2xl font-bold">3D model</h2> |
| 90 | + <a |
| 91 | + href={`${data.s3PublicUrl}/${data.project.project.modelFile}`} |
| 92 | + download |
| 93 | + class="button primary flex flex-col justify-center rounded-lg px-3 hover:outline-3 focus:outline-3" |
| 94 | + > |
| 95 | + <Download /> |
| 96 | + </a> |
| 97 | + </div> |
| 98 | + |
| 99 | + <div class="themed-box flex h-100 flex-col gap-3 overflow-clip"> |
| 100 | + <ThreeMFPreview |
| 101 | + identifier="model" |
| 102 | + modelUrl={`${data.s3PublicUrl}/${data.project.project.modelFile}`} |
| 103 | + /> |
| 104 | + </div> |
| 105 | + |
85 | 106 | <h2 class="mt-2 text-2xl font-bold">Review</h2> |
86 | 107 | <div class="themed-box flex flex-col gap-3 p-3"> |
87 | 108 | <form |
|
138 | 159 | </div> |
139 | 160 | </div> |
140 | 161 | </div> |
141 | | - <div class="w-50 min-w-50 overflow-scroll lg:w-65 lg:min-w-65"> |
| 162 | + <div class="w-60 min-w-60 overflow-scroll lg:w-70 lg:min-w-70"> |
142 | 163 | <div class="mb-5 flex flex-col gap-3"> |
143 | 164 | <h1 class="text-2xl font-bold">Review history</h1> |
144 | 165 | {#each data.t1Reviews as review} |
|
0 commit comments