[+] Breadcrumb icon

This commit is contained in:
Azalea Gui
2023-02-09 20:13:52 -05:00
parent 8e26fe6652
commit c58351c35e
+3
View File
@@ -9,6 +9,8 @@ import 'tippy.js/themes/light.css';
import 'tippy.js/animations/shift-away.css';
import './app.sass';
import { Icon } from '@iconify-icon/solid';
interface File {
name: string
type: 'file' | 'directory'
@@ -51,6 +53,7 @@ export default function App() {
{/* Breadcrumbs */}
<div id="breadcrumbs" class="flex gap-2 bg-dark-600 p-2 px-5 mb-5 rounded-xl">
<Icon icon="ion:wifi-outline" class="text-xl"/>
<For each={paths}>{(p, i) =>
<>
<span class="color-sub" classList={{active: i() + 1 == paths.length}}>{p}</span>