andrea/probo-app
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add AppRail icons

Browse source
This commit is contained in:
andrea 2023-06-29 16:51:18 +02:00
parent 24550ad436
commit eccc8a70c9
1 changed files with 26 additions and 22 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

48
frontend/src/routes/+layout.svelte
View file

@ -16,30 +16,30 @@
<!-- App Bar --> <!-- App Bar -->
<AppBar> <AppBar>
<svelte:fragment slot="lead"> <svelte:fragment slot="lead">
<strong class="text-xl uppercase">Skeleton</strong> <strong class="text-xl uppercase">Probo</strong>
</svelte:fragment> </svelte:fragment>
<svelte:fragment slot="trail"> <svelte:fragment slot="trail">
<a <a
class="btn btn-sm variant-ghost-surface" class="btn btn-sm variant-ghost-surface"
href="https://discord.gg/EXqV7W8MtY" href="https://discord.gg/EXqV7W8MtY"
target="_blank" target="_blank"
rel="noreferrer" rel="noreferrer"
> >
Discord Discord
</a> </a>
<a <a
class="btn btn-sm variant-ghost-surface" class="btn btn-sm variant-ghost-surface"
href="https://twitter.com/SkeletonUI" href="https://twitter.com/SkeletonUI"
target="_blank" target="_blank"
rel="noreferrer" rel="noreferrer"
> >
Twitter Twitter
</a> </a>
<a <a
class="btn btn-sm variant-ghost-surface" class="btn btn-sm variant-ghost-surface"
href="https://github.com/skeletonlabs/skeleton" href="https://github.com/skeletonlabs/skeleton"
target="_blank" target="_blank"
rel="noreferrer" rel="noreferrer"
> >
GitHub GitHub
</a> </a>
@ -48,21 +48,25 @@
</svelte:fragment> </svelte:fragment>
<svelte:fragment slot="sidebarLeft"> <svelte:fragment slot="sidebarLeft">
<AppRail> <AppRail>
<svelte:fragment slot="lead">
<AppRailAnchor href="/" >(icon)</AppRailAnchor>
</svelte:fragment>
<!-- --- -->
<AppRailTile bind:group={currentTile} name="tile-1" value={0} title="tile-1"> <AppRailTile bind:group={currentTile} name="tile-1" value={0} title="tile-1">
<svelte:fragment slot="lead">(icon)</svelte:fragment> <svelte:fragment slot="lead">
<span>Tile 1</span> <div class="flex justify-center">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
<path stroke-linecap="round" stroke-linejoin="round" d="M9.879 7.519c1.171-1.025 3.071-1.025 4.242 0 1.172 1.025 1.172 2.687 0 3.712-.203.179-.43.326-.67.442-.745.361-1.45.999-1.45 1.827v.75M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-9 5.25h.008v.008H12v-.008z" />
</svg>
</div>
</svelte:fragment>
<span>Quizzes</span>
</AppRailTile> </AppRailTile>
<AppRailTile bind:group={currentTile} name="tile-2" value={1} title="tile-2"> <AppRailTile bind:group={currentTile} name="tile-2" value={1} title="tile-2">
<svelte:fragment slot="lead">(icon)</svelte:fragment> <svelte:fragment slot="lead">
<span>Tile 2</span> <div class="flex justify-center">
</AppRailTile> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
<AppRailTile bind:group={currentTile} name="tile-3" value={2} title="tile-3"> <path stroke-linecap="round" stroke-linejoin="round" d="M16.862 4.487l1.687-1.688a1.875 1.875 0 112.652 2.652L10.582 16.07a4.5 4.5 0 01-1.897 1.13L6 18l.8-2.685a4.5 4.5 0 011.13-1.897l8.932-8.931zm0 0L19.5 7.125M18 14v4.75A2.25 2.25 0 0115.75 21H5.25A2.25 2.25 0 013 18.75V8.25A2.25 2.25 0 015.25 6H10" />
<svelte:fragment slot="lead">(icon)</svelte:fragment> </svg>
<span>Tile 3</span> </div>
</svelte:fragment>
<span>Notes</span>
</AppRailTile> </AppRailTile>
<!-- --- --> <!-- --- -->
<svelte:fragment slot="trail"> <svelte:fragment slot="trail">