Skip to main content
Yggdrasil

yggdrasil/components/skeletons/
runner_skeleton.rs

1//! 后台代码运行器骨架屏
2//!
3//! 与运行器页同一版式：标题行、语言分段与运行器、右侧资源上限。
4
5use leptos::prelude::*;
6
7use crate::components::skeletons::atoms::{AdminPageHeadSkeleton, SkeletonBox};
8
9/// 后台代码运行器骨架屏组件。
10#[component]
11pub fn RunnerSkeleton() -> impl IntoView {
12    view! {
13        <div class="admin-runner" aria-hidden="true">
14            <AdminPageHeadSkeleton title_width="w-28" subtitle_width="w-72"/>
15            <div class="runner-admin-grid">
16                <div>
17                    <SkeletonBox class="h-8 w-80 rounded-full mb-3"/>
18                    <SkeletonBox class="h-72 w-full rounded-xl"/>
19                </div>
20                <div class="admin-panel runner-admin-side">
21                    <SkeletonBox class="h-4 w-20 rounded"/>
22                    <SkeletonBox class="h-20 w-full rounded"/>
23                    <SkeletonBox class="h-24 w-full rounded-lg"/>
24                </div>
25            </div>
26        </div>
27    }
28}