Always show launcher scroll indicator and cap at 18 apps.

Apply ladill-launcher-apps scroll styles unconditionally with a persistent scrollbar track; propagate launcher blade and CSS across all Ladill apps.
2026-06-29 13:03:46 +00:00
parent ab95f69639
commit 800cfaafd0
2 changed files with 38 additions and 2 deletions
@@ -37,16 +37,18 @@
             'bottom-full left-0 mb-2' => $sidebar,
         ])>
        <p class="px-1 pb-2 text-[10px] font-bold uppercase tracking-widest text-slate-400">All apps</p>
-        <div class="grid grid-cols-3 gap-1">
+        <div class="ladill-launcher-apps">
+            <div class="grid grid-cols-3 gap-1">
            @foreach ($launcherApps as $app)
                <a href="{{ $app['url'] }}"
-                   class="flex flex-col items-center gap-1.5 rounded-xl px-2 py-3 text-center transition hover:bg-indigo-50">
+                   class="flex min-h-[5.25rem] flex-col items-center justify-center gap-1.5 rounded-xl px-2 py-3 text-center transition hover:bg-indigo-50">
                    <span class="flex h-9 w-9 items-center justify-center rounded-lg bg-slate-100">
                        <img src="{{ asset('images/launcher-icons/'.$app['icon']) }}?v={{ @filemtime(public_path('images/launcher-icons/'.$app['icon'])) ?: '1' }}" alt="" class="h-5 w-5 object-contain" width="20" height="20">
                    </span>
                    <span class="text-[11px] font-medium leading-tight text-slate-700">{{ $app['name'] }}</span>
                </a>
            @endforeach
+            </div>
        </div>
    </div>
 </div>