azalea/MeowIndex
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[+] Breadcrumb icon

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