Skip to content

Commit ffcde32

Browse files
cyclotruccyclotruc
committed
fluid landing loading
1 parent 9fc5dd2 commit ffcde32

File tree

1 file changed

+57
-6
lines changed

1 file changed

+57
-6
lines changed

‎app/templates/components/quick_actions.html‎

Lines changed: 57 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -16,8 +16,25 @@ <h2 class="text-xl font-black text-black mb-1">Quick start</h2>
1616
<span class="text-sm">🤖</span> Agents
1717
</div>
1818
<div id="agents-container" class="flex flex-wrap gap-2">
19-
<!-- Agents will be loaded dynamically -->
20-
<div class="text-xs text-gray-500">Loading...</div>
19+
<!-- Placeholder buttons to prevent layout shift -->
20+
<button class="action-button action-button--primary opacity-50 cursor-not-allowed" disabled>
21+
<div class="action-button__plus">+</div>
22+
<div class="action-button__content">
23+
<span class="action-button__label">[...]</span>
24+
</div>
25+
</button>
26+
<button class="action-button action-button--primary opacity-50 cursor-not-allowed" disabled>
27+
<div class="action-button__plus">+</div>
28+
<div class="action-button__content">
29+
<span class="action-button__label">[...]</span>
30+
</div>
31+
</button>
32+
<button class="action-button action-button--primary opacity-50 cursor-not-allowed" disabled>
33+
<div class="action-button__plus">+</div>
34+
<div class="action-button__content">
35+
<span class="action-button__label">[...]</span>
36+
</div>
37+
</button>
2138
</div>
2239
</div>
2340

@@ -27,8 +44,25 @@ <h2 class="text-xl font-black text-black mb-1">Quick start</h2>
2744
<span class="text-sm">🔌</span> MCPs
2845
</div>
2946
<div id="mcps-container" class="flex flex-wrap gap-2">
30-
<!-- MCPs will be loaded dynamically -->
31-
<div class="text-xs text-gray-500">Loading...</div>
47+
<!-- Placeholder buttons to prevent layout shift -->
48+
<button class="action-button action-button--secondary opacity-50 cursor-not-allowed" disabled>
49+
<div class="action-button__plus">+</div>
50+
<div class="action-button__content">
51+
<span class="action-button__label">[...]</span>
52+
</div>
53+
</button>
54+
<button class="action-button action-button--secondary opacity-50 cursor-not-allowed" disabled>
55+
<div class="action-button__plus">+</div>
56+
<div class="action-button__content">
57+
<span class="action-button__label">[...]</span>
58+
</div>
59+
</button>
60+
<button class="action-button action-button--secondary opacity-50 cursor-not-allowed" disabled>
61+
<div class="action-button__plus">+</div>
62+
<div class="action-button__content">
63+
<span class="action-button__label">[...]</span>
64+
</div>
65+
</button>
3266
</div>
3367
</div>
3468

@@ -38,8 +72,25 @@ <h2 class="text-xl font-black text-black mb-1">Quick start</h2>
3872
<span class="text-sm">📋</span> Rules
3973
</div>
4074
<div id="rules-container" class="flex flex-wrap gap-2">
41-
<!-- Rules will be loaded dynamically -->
42-
<div class="text-xs text-gray-500">Loading...</div>
75+
<!-- Placeholder buttons to prevent layout shift -->
76+
<button class="action-button action-button--accent opacity-50 cursor-not-allowed" disabled>
77+
<div class="action-button__plus">+</div>
78+
<div class="action-button__content">
79+
<span class="action-button__label">[...]</span>
80+
</div>
81+
</button>
82+
<button class="action-button action-button--accent opacity-50 cursor-not-allowed" disabled>
83+
<div class="action-button__plus">+</div>
84+
<div class="action-button__content">
85+
<span class="action-button__label">[...]</span>
86+
</div>
87+
</button>
88+
<button class="action-button action-button--accent opacity-50 cursor-not-allowed" disabled>
89+
<div class="action-button__plus">+</div>
90+
<div class="action-button__content">
91+
<span class="action-button__label">[...]</span>
92+
</div>
93+
</button>
4394
</div>
4495
</div>
4596
</div>

0 commit comments

Comments
 (0)