lots of design improvements
This commit is contained in:
@@ -35,9 +35,9 @@ aria-live="assertive">
|
||||
x-transition:leave="transition ease-in duration-200"
|
||||
x-transition:leave-start="transform translate-x-0 opacity-100"
|
||||
x-transition:leave-end="transform translate-x-full opacity-0"
|
||||
class="max-w-sm w-full bg-white shadow-lg rounded-lg pointer-events-auto ring-1 ring-black ring-opacity-5 overflow-hidden">
|
||||
class="w-full max-w-sm bg-white shadow-lg rounded-lg pointer-events-auto ring-1 ring-black ring-opacity-5 overflow-hidden">
|
||||
<div class="p-4">
|
||||
<div class="flex items-start">
|
||||
<div class="flex items-start gap-3">
|
||||
<div class="flex-shrink-0">
|
||||
<!-- Success Icon -->
|
||||
<template x-if="notice.type === 'success'">
|
||||
@@ -64,11 +64,11 @@ aria-live="assertive">
|
||||
</svg>
|
||||
</template>
|
||||
</div>
|
||||
<div class="ml-3 w-0 flex-1 pt-0.5">
|
||||
<div class="flex-1 min-w-0">
|
||||
<p class="text-sm font-medium text-gray-900" x-text="notice.title"></p>
|
||||
<p class="mt-1 text-sm text-gray-500" x-text="notice.message"></p>
|
||||
<p class="mt-1 text-sm text-gray-500 break-words" x-text="notice.message"></p>
|
||||
</div>
|
||||
<div class="ml-4 flex-shrink-0 flex">
|
||||
<div class="flex-shrink-0">
|
||||
<button @click="remove(notice.id)"
|
||||
class="bg-white rounded-md inline-flex text-gray-400 hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-primary-500">
|
||||
<span class="sr-only">Close</span>
|
||||
|
||||
Reference in New Issue
Block a user