Matiss/Final-Year-Project
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: render landing page icons with direct components

Browse Source
This commit is contained in:
Matiss Jurevics
2026-04-18 17:50:00 +01:00
parent b03ee8ddb5
commit fe732b47b4
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
WebApp/src/routes/+page.svelte
View File

@@ -283,7 +283,7 @@
class="group rounded-3xl border border-white/5 bg-white/[0.02] p-8 transition-all hover:bg-white/[0.05] hover:shadow-2xl" class="group rounded-3xl border border-white/5 bg-white/[0.02] p-8 transition-all hover:bg-white/[0.05] hover:shadow-2xl"
> >
<div class="mb-6 flex size-12 items-center justify-center rounded-2xl bg-sky-500/10 text-sky-400 transition-colors group-hover:bg-sky-500 group-hover:text-white"> <div class="mb-6 flex size-12 items-center justify-center rounded-2xl bg-sky-500/10 text-sky-400 transition-colors group-hover:bg-sky-500 group-hover:text-white">
<svelte:component this={feature.icon} class="size-6" /> <feature.icon class="size-6" />
</div> </div>
<h3 class="text-xl font-bold text-white">{feature.title}</h3> <h3 class="text-xl font-bold text-white">{feature.title}</h3>
<p class="mt-3 text-sm leading-relaxed text-slate-400">{feature.description}</p> <p class="mt-3 text-sm leading-relaxed text-slate-400">{feature.description}</p>
@@ -308,7 +308,7 @@
{#each operationalRoles as role} {#each operationalRoles as role}
<div class="flex gap-6"> <div class="flex gap-6">
<div class="flex size-12 shrink-0 items-center justify-center rounded-2xl border border-white/10 bg-white/5 {role.color}"> <div class="flex size-12 shrink-0 items-center justify-center rounded-2xl border border-white/10 bg-white/5 {role.color}">
<svelte:component this={role.icon} class="size-6" /> <role.icon class="size-6" />
</div> </div>
<div> <div>
<h3 class="text-xl font-bold text-white">{role.title}</h3> <h3 class="text-xl font-bold text-white">{role.title}</h3>