mirror of
https://github.com/AmruthPillai/Reactive-Resume.git
synced 2025-11-15 09:11:57 +10:00
🚀 release: v3.0.0
This commit is contained in:
32
apps/client/components/shared/BaseModal.module.scss
Normal file
32
apps/client/components/shared/BaseModal.module.scss
Normal file
@ -0,0 +1,32 @@
|
||||
.content {
|
||||
@apply rounded p-6 text-sm shadow lg:w-1/2 xl:w-2/5;
|
||||
@apply absolute inset-4 sm:inset-x-4 sm:inset-y-auto lg:inset-auto;
|
||||
@apply overflow-scroll bg-neutral-50 dark:bg-neutral-900 lg:overflow-auto;
|
||||
}
|
||||
|
||||
.header {
|
||||
@apply flex items-center justify-between;
|
||||
@apply w-full border-b pb-5 dark:border-white/10;
|
||||
|
||||
> div {
|
||||
@apply flex items-center gap-2;
|
||||
}
|
||||
|
||||
button {
|
||||
@apply flex items-center justify-center;
|
||||
@apply rotate-0 transition-transform hover:rotate-90;
|
||||
}
|
||||
|
||||
h1 {
|
||||
@apply text-base font-medium;
|
||||
}
|
||||
}
|
||||
|
||||
.body {
|
||||
@apply grid gap-4 pt-4 pb-6;
|
||||
}
|
||||
|
||||
.footer {
|
||||
@apply flex items-center justify-end gap-x-4;
|
||||
@apply w-full border-t pt-5 dark:border-white/10;
|
||||
}
|
||||
Reference in New Issue
Block a user