StarMC/Astral-nook
StarMC/Astral-nook
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Update dialog logic to support defining buttons/icon from anywhere

Browse source
This commit is contained in:
DaneEveritt 2022-07-02 17:24:12 -04:00
parent 48af9bced1
commit 7c4028f8f1
No known key found for this signature in database
GPG key ID: EEA66103B3D71F53
9 changed files with 182 additions and 121 deletions
Download patch file Download diff file Expand all files Collapse all files

36
resources/scripts/components/elements/dialog/style.module.css Normal file
View file

@ -0,0 +1,36 @@
.container {
@apply flex min-h-full items-center justify-center p-4 text-center;
}
.panel {
@apply relative bg-gray-600 rounded max-w-xl w-full mx-auto shadow-lg text-left;
@apply ring-4 ring-gray-800 ring-opacity-80;
}
.title {
@apply font-header text-xl font-medium mb-2 text-gray-50 pr-4;
}
.close_icon {
@apply w-5 h-5 group-hover:rotate-90 transition-transform duration-100;
}
.dialog_icon {
@apply flex items-center justify-center w-10 h-10 rounded-full mr-4;
&.danger {
@apply bg-red-500 text-red-50;
}
&.warning {
@apply bg-yellow-600 text-yellow-50;
}
&.success {
@apply bg-green-600 text-green-50;
}
&.info {
@apply bg-primary-500 text-primary-50;
}
}