style modal

This commit is contained in:
saml33 2023-10-12 10:01:03 +11:00
parent 5bc9461d46
commit 60434b2381
2 changed files with 4 additions and 4 deletions

View File

@ -35,7 +35,7 @@ function Modal({
className="relative z-40 overflow-y-auto"
>
<div
className={`fixed inset-0 backdrop-brightness-[0.5] ${
className={`fixed inset-0 backdrop-brightness-[0.4] ${
disableOutsideClose ? 'pointer-events-none' : ''
}`}
aria-hidden="true"
@ -51,7 +51,7 @@ function Modal({
} font-sans h-full w-full bg-th-bkg-1 font-body ${
fullScreen
? ''
: 'p-4 pt-6 sm:h-auto sm:max-w-md sm:rounded-lg sm:border sm:border-th-bkg-3 sm:p-6'
: 'p-4 pt-6 sm:h-auto sm:max-w-md sm:rounded-2xl sm:border-2 sm:border-th-fgd-1 sm:p-6'
} relative ${panelClassNames}`}
>
<div>{children}</div>

View File

@ -179,7 +179,7 @@ h4 {
}
p {
@apply text-th-fgd-1;
@apply leading-snug text-th-fgd-1;
}
li {
@ -187,7 +187,7 @@ li {
}
a {
@apply default-transition text-th-link md:hover:text-th-link-hover;
@apply default-transition text-th-link focus:outline-none md:hover:text-th-link-hover;
}
/* Forms */