sortedcord/mi-sitio-personal
1
1
Fork 0
Code Issues 4 Pull Requests Actions Packages Projects Releases Wiki Activity

style: Modify RevolvingPrism description text

Browse Source
This commit is contained in:
Aditya Gupta
2026-02-23 07:29:51 +05:30
parent c3e31fc642
commit 174c57f463
2 changed files with 7 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/InteractiveSystemOverview.tsx
View File

@@ -93,7 +93,7 @@ const CONTENT_MODULES = [
</span>
))}
</div>
<p className="mt-4 text-[10px] text-(--text-dim) animate-pulse border-t border-dashed border-(--border-main) pt-2">Split for infrastructure status...</p>
<p className="mt-4 text-[10px] text-(--text-dim) animate-pulse border-t border-dashed border-(--border-main) pt-2">Hover for more expanded skills...</p>
</div>
)
},
@@ -112,12 +112,12 @@ const CONTENT_MODULES = [
</tr>
</thead>
<tbody className="leading-relaxed">
<tr className="group/row hover:bg-[var(--bg-surface)]">
<td className="pt-1 text-[var(--text-main)]">pve-core</td>
<td className="pt-1"><span className="text-[var(--status-success)]">Ready</span></td>
<tr className="group/row hover:bg-(--bg-surface)">
<td className="pt-1 text-(--text-main)">pve-core</td>
<td className="pt-1"><span className="text-(--status-success)">Ready</span></td>
<td className="pt-1 accent-text">control-plane</td>
</tr>
<tr className="group/row hover:bg-[var(--bg-surface)]">
<tr className="group/row hover:bg-(--bg-surface)">
<td>nas-store</td>
<td><span className="text-[var(--status-success)]">Ready</span></td>
<td>truenas-iscsi</td>

4
src/components/prism/RevolvingPrism.tsx
View File

@@ -156,9 +156,9 @@ export function RevolvingPrism() {
return (
<div
key={`desc-${face.id}`}
className={`absolute top-0 left-0 transition-opacity duration-300 ease-in-out ${isActive ? 'opacity-100 delay-100' : 'opacity-0'}`}
className={`sketch-border bg-(--color-accent-muted)/5 transform rotate-1 m-2 p-2 absolute transition-opacity duration-300 ease-in-out ${isActive ? 'opacity-100 delay-100' : 'opacity-0'}`}
>
<p className="font-mono text-md text-(--text-muted) leading-relaxed border-l-2 border-(--color-accent-muted) pl-3">
<p className="font-mono text-md text-(--text-muted) leading-relaxed pl-3">
{face.desc}
</p>
</div>