Hugging Face's logo

Spaces:
blanchon
/
RobotHub-Frontend
Running

App Files Community
RobotHub-Frontend
File size: 781 Bytes 
6ce4ca6
 
3165745
6ce4ca6
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
 
<script lang="ts">
	import { ICON } from "$lib/utils/icon";
	import type { VideoInstance } from "$lib/elements/video/VideoManager.svelte";
	import { 
		BaseStatusBox, 
		StatusHeader, 
		StatusContent
	} from "$lib/components/3d/ui";

	interface Props {
		video: VideoInstance;
	}

	let { video }: Props = $props();

	const videoColor = "rgb(217, 119, 6)";
</script>


<BaseStatusBox
	color={videoColor}
	borderOpacity={0.6}
	backgroundOpacity={0.2}
	clickable={false}
>
		<!-- Video Header -->
		<StatusHeader
			icon={ICON["icon-[mdi--video]"].svg}
			text="VIDEO"
			color={videoColor}
			opacity={0.9}
		/>

		<!-- Video Info -->
		<StatusContent
			title={video.name}
			subtitle={video.id.slice(0, 8)}
			color="rgb(253, 230, 138)"
			variant="primary"
		/>
</BaseStatusBox>