refactor: use tailwind theme utilities
This commit is contained in:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user