thepra/decePubClient
1
0 Fork 0
Code Issues Pull Requests Actions Projects Releases 1 Wiki Activity

Serve the styleguide's images and links locally

Browse Source 
The styleguide loaded 42 images from picsum.photos and linked demo items to
daisyui.com. It now uses six small SVG landscapes in wwwroot/imgs/styleguide/
(the diff demo greys one with the grayscale utility), and its demo links stay on
/styleguide.

It also gains a carousel demo with navigation and indicators.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01LsXgEaXee4GCU1hwYgPJXw
This commit is contained in:
thepraandClaude Opus 5.5 committed 2026-10-03 12:43:07 +02:00
1 parent d71040f262
commit 483ed271e0
10 files changed
+114 -53
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

Components/Styleguide/NavigationSection.razor
+11 -11
View File
@@ -4,16 +4,16 @@
<section class="flex flex-col gap-3">
<h3 class="text-lg font-bold">DBreadcrumbs</h3>
<DBreadcrumbs class="text-sm">
<DBreadcrumbItem Href="https://daisyui.com/" target="_blank" rel="noopener"><i class="ion-md-home"></i> Home</DBreadcrumbItem>
<DBreadcrumbItem Href="https://daisyui.com/components/" target="_blank" rel="noopener"><i class="ion-md-folder"></i> Components</DBreadcrumbItem>
<DBreadcrumbItem Href="styleguide"><i class="ion-md-home"></i> Home</DBreadcrumbItem>
<DBreadcrumbItem Href="styleguide"><i class="ion-md-folder"></i> Components</DBreadcrumbItem>
<DBreadcrumbItem aria-current="page"><i class="ion-md-document"></i> Breadcrumbs</DBreadcrumbItem>
</DBreadcrumbs>
<p class="text-xs opacity-60">max-w-xs: the list scrolls</p>
<DBreadcrumbs class="max-w-xs text-sm">
<DBreadcrumbItem Href="https://daisyui.com/" target="_blank" rel="noopener">Long text 1</DBreadcrumbItem>
<DBreadcrumbItem Href="https://daisyui.com/" target="_blank" rel="noopener">Long text 2</DBreadcrumbItem>
<DBreadcrumbItem Href="https://daisyui.com/" target="_blank" rel="noopener">Long text 3</DBreadcrumbItem>
<DBreadcrumbItem Href="https://daisyui.com/" target="_blank" rel="noopener">Long text 4</DBreadcrumbItem>
<DBreadcrumbItem Href="styleguide">Long text 1</DBreadcrumbItem>
<DBreadcrumbItem Href="styleguide">Long text 2</DBreadcrumbItem>
<DBreadcrumbItem Href="styleguide">Long text 3</DBreadcrumbItem>
<DBreadcrumbItem Href="styleguide">Long text 4</DBreadcrumbItem>
<DBreadcrumbItem>Long text 5</DBreadcrumbItem>
</DBreadcrumbs>
</section>
@@ -35,14 +35,14 @@
<section class="flex flex-col gap-3">
<h3 class="text-lg font-bold">DLink</h3>
<div class="flex flex-wrap gap-3">
<DLink Href="https://daisyui.com/components/link/" target="_blank" rel="noopener">Default</DLink>
<DLink Href="styleguide">Default</DLink>
@foreach (var color in colors)
{
<DLink Href="https://daisyui.com/components/link/" target="_blank" rel="noopener" Color="color">@color</DLink>
<DLink Href="styleguide" Color="color">@color</DLink>
}
</div>
<div class="flex flex-wrap gap-3">
<DLink Href="https://daisyui.com/components/link/" target="_blank" rel="noopener" Hover="true">Underline on hover</DLink>
<DLink Href="styleguide" Hover="true">Underline on hover</DLink>
<DLink Color="DColor.Primary" OnClick="() => linkClicks++">Button link, clicked @linkClicks times</DLink>
</div>
</section>
@@ -71,7 +71,7 @@
<ul><li><a>Components</a></li><li><a>Utilities</a></li></ul>
</li>
</DMenu>
<img src="https://picsum.photos/seed/megamenu/240/140" class="m-2 rounded-box max-md:w-auto md:max-w-xs" alt="Sample" />
<img src="imgs/styleguide/scene-2.svg" class="m-2 rounded-box max-md:w-auto md:max-w-xs" alt="Sample" />
</div>
</DMegamenuItem>
<DMegamenuItem Text="Company" HideArrow="true" class="p-4">
@@ -100,7 +100,7 @@
<DMenuTitle>Title</DMenuTitle>
<DMenuItem Active="menuActive == 0" OnClick="() => menuActive = 0"><i class="ion-md-home"></i> Home</DMenuItem>
<DMenuItem Active="menuActive == 1" OnClick="() => menuActive = 1"><i class="ion-md-mail"></i> Inbox <span class="badge badge-sm">3</span></DMenuItem>
<DMenuItem Href="https://daisyui.com/components/menu/" target="_blank" rel="noopener"><i class="ion-md-document"></i> Docs (link)</DMenuItem>
<DMenuItem Href="styleguide"><i class="ion-md-document"></i> Docs (link)</DMenuItem>
<DMenuItem Disabled="true"><i class="ion-md-close-circle"></i> Disabled</DMenuItem>
<li></li>
<DSubmenu @bind-IsOpen="submenuOpen">