accordion.css
3 months ago
button.css
4 weeks ago
card.css
3 months ago
common.css
3 months ago
common.js
3 months ago
deprecated.css
3 months ago
form.css
3 months ago
header.css
3 months ago
modal-new.css
3 months ago
modal.css
3 months ago
modal.js
3 months ago
screen-options.js
3 months ago
tabs.js
3 months ago
toast.css
3 months ago
toaster.js
3 months ago
toggles.js
3 months ago
toast.css
58 lines
| 1 | /* Toast container (bottom-right, stacked) */ |
| 2 | |
| 3 | #advads-toast-container { |
| 4 | @apply fixed bottom-6 right-6 z-50 flex flex-col gap-3 pointer-events-none; |
| 5 | } |
| 6 | |
| 7 | /* Base toast */ |
| 8 | |
| 9 | .advads-toast { |
| 10 | @apply relative pointer-events-auto max-w-2xl min-w-80 rounded-md shadow-lg px-4 py-3 flex gap-4 bg-white text-gray-900; |
| 11 | } |
| 12 | |
| 13 | .advads-toast-icon { |
| 14 | @apply size-6 text-sm; |
| 15 | } |
| 16 | |
| 17 | .advads-toast-title { |
| 18 | @apply font-semibold text-sm mb-1; |
| 19 | } |
| 20 | |
| 21 | .advads-toast-message { |
| 22 | @apply text-sm leading-snug; |
| 23 | } |
| 24 | |
| 25 | .advads-toast-actions { |
| 26 | @apply mt-2 flex flex-wrap gap-2; |
| 27 | } |
| 28 | |
| 29 | .advads-toast-dismiss { |
| 30 | @apply absolute top-2 right-2 inline-block size-6 text-sm text-gray-500 transition-colors no-underline shadow-none!; |
| 31 | } |
| 32 | |
| 33 | .advads-toast-dismissible { |
| 34 | @apply pr-8; |
| 35 | } |
| 36 | |
| 37 | /* Variants */ |
| 38 | |
| 39 | .advads-toast-info { |
| 40 | @apply bg-blue-50 text-blue-700; |
| 41 | } |
| 42 | |
| 43 | .advads-toast-success { |
| 44 | @apply bg-green-50 text-green-700; |
| 45 | } |
| 46 | |
| 47 | .advads-toast-warning { |
| 48 | @apply bg-orange-50 text-orange-500; |
| 49 | } |
| 50 | |
| 51 | .advads-toast-error { |
| 52 | @apply bg-red-50 text-red-700; |
| 53 | } |
| 54 | |
| 55 | .advads-toast-muted { |
| 56 | @apply border-gray-400; |
| 57 | } |
| 58 |