refactor: use tailwind theme utilities

This commit is contained in:
2026-06-20 19:39:34 +02:00
committed by Milas Holsting
parent 2dca69c9f4
commit 2593a45cc3
10 changed files with 21 additions and 22 deletions

View File

@@ -28,7 +28,7 @@
</style>
<script type="module" src="{{assetURL "/dist/static/app.js"}}" defer></script>
<template id="toast-template">
<div class="toast pointer-events-auto w-88 max-w-[calc(100vw-2rem)] bg-background shadow-(--shadow-card) ring-1 ring-black/5 flex items-start gap-3 px-4 py-3 transform transition-all duration-300 translate-y-2 opacity-0 data-[variant=destructive]:bg-red-950/92 data-[variant=destructive]:ring-red-500/35">
<div class="toast pointer-events-auto w-88 max-w-[calc(100vw-2rem)] bg-background shadow-card ring-1 ring-black/5 flex items-start gap-3 px-4 py-3 transform transition-all duration-300 translate-y-2 opacity-0 data-[variant=destructive]:bg-red-950/92 data-[variant=destructive]:ring-red-500/35">
<div class="min-w-0 flex-1">
<div class="toast-message text-sm font-medium text-foreground leading-snug data-[variant=destructive]:text-red-100"></div>
</div>