thepraandClaude Opus 5.5
90e4b9200c
Components/Daisy/ wraps all 69 components in daisyUI's llms.txt, grouped by daisyUI's categories (Actions, DataDisplay, Navigation, Feedback, DataInput, Layout, Mockup), with part components where daisyUI has repeating parts (DTab, DMenuItem, DTimelineItem, ...). - Each enum maps to whole literal class names in a switch, so Tailwind's scanner generates them. Nothing is concatenated. - Value-holding fields derive from DInputBase<TValue>, Blazor's InputBase, so @bind-Value and EditForm validation work. Invalid fields get the component's *-error class. - Open and active state lives in C# (@bind-IsOpen, @bind-Active) and is rendered with daisyUI's *-open modifiers. DDropdown adds an outside-click layer and Escape. No component uses JS interop. - The one exception is DCalendar, which wraps the Cally web component, vendored as wwwroot/vendor/cally.js (0.9.2, MIT). /styleguide (not linked) renders every component in all its colours, sizes and states, with a theme and hue picker that previews without saving. neo.css follows what the styleguide showed: - select keeps daisyUI's arrow; - skeleton-text isn't sunk; - the phone mockup and dock are raised; - active menu items and OTP digits are inset; - a joined accordion is raised as one block. The primary, secondary and accent colours are deeper, so they still read as text. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01LsXgEaXee4GCU1hwYgPJXw
35 lines
1.3 KiB
HTML
35 lines
1.3 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
|
|
<title>Index</title>
|
|
<base href="/" />
|
|
<link href="vendor/ionicons.min.css" rel="stylesheet" />
|
|
<link href="css/app.css" rel="stylesheet" />
|
|
<meta name="theme-color" content="hsl(0 0% 88%)" />
|
|
<script src="js/theme.js"></script>
|
|
<link href="manifest.json" rel="manifest" />
|
|
<link rel="apple-touch-icon" sizes="512x512" href="imgs/icon-512.png" />
|
|
<link rel="apple-touch-icon" sizes="192x192" href="imgs/icon-192.png" />
|
|
</head>
|
|
|
|
<body>
|
|
<div id="app" class="block relative h-screen w-full">
|
|
<div class="mx-auto my-auto">Loading...</div>
|
|
</div>
|
|
|
|
<script src="_framework/blazor.webassembly.js"></script>
|
|
<script src="_content/Microsoft.AspNetCore.Components.WebAssembly.Authentication/AuthenticationService.js"></script>
|
|
<script src="rxjs.7.4.0.min.js"></script>
|
|
<script src="_content/DnetIndexedDb/dnet-indexeddb.js"></script>
|
|
<script src="_content/Toolbelt.Blazor.HeadElement.Services/script.min.js"></script>
|
|
|
|
<script>navigator.serviceWorker.register('service-worker.js');</script>
|
|
<script type="module" src="vendor/cally.js"></script>
|
|
<script src="main.js"></script>
|
|
</body>
|
|
|
|
</html>
|