52 lines
745 B
CSS
52 lines
745 B
CSS
.flash {
|
|
position: fixed;
|
|
top: 0.5rem;
|
|
right: 0.5rem;
|
|
z-index: 50;
|
|
padding: 16px;
|
|
border-radius: 0.3rem;
|
|
box-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
|
|
width: 20rem;
|
|
}
|
|
|
|
.flash-info {
|
|
background-color: #15803d;
|
|
}
|
|
|
|
.flash-error {
|
|
background-color: #b91c1c;
|
|
}
|
|
|
|
@media (min-width: 640px) {
|
|
.flash {
|
|
width: 24rem;
|
|
}
|
|
}
|
|
|
|
.flash-title {
|
|
margin: 0;
|
|
display: flex;
|
|
gap: 8px;
|
|
align-items: center;
|
|
font-weight: 600;
|
|
}
|
|
|
|
.flash-body {
|
|
margin-bottom: 0;
|
|
text-indent: 28px;
|
|
}
|
|
|
|
.flash-close-button {
|
|
padding: 0;
|
|
position: absolute;
|
|
width: 28px;
|
|
height: 28px;
|
|
top: 0.5rem;
|
|
right: 0.5rem;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.flash-close-button-icon {
|
|
opacity: 0.6;
|
|
}
|