Improve cookie consent readability
This commit is contained in:
@@ -153,7 +153,11 @@ body.site-product-menu-open footer {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.cookie-consent-panel {
|
.cookie-consent-panel {
|
||||||
|
background: #fff;
|
||||||
border-radius: 8px;
|
border-radius: 8px;
|
||||||
|
box-shadow:
|
||||||
|
0 18px 64px rgba(15, 18, 20, 0.22),
|
||||||
|
0 2px 14px rgba(15, 18, 20, 0.1) !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.about-html {
|
.about-html {
|
||||||
|
|||||||
@@ -33,7 +33,7 @@ export function CookieConsent({ locale }: { locale: Locale }) {
|
|||||||
|
|
||||||
return (
|
return (
|
||||||
<div className="fixed inset-x-0 bottom-0 z-[70] px-4 pb-4 md:px-6 md:pb-6">
|
<div className="fixed inset-x-0 bottom-0 z-[70] px-4 pb-4 md:px-6 md:pb-6">
|
||||||
<div className="cookie-consent-panel mx-auto flex max-w-page flex-col gap-4 border border-black/15 bg-[#fffaf2]/98 px-5 py-4 shadow-[0_22px_70px_rgba(23,23,23,0.16)] ring-1 ring-[#d7b98b]/45 backdrop-blur md:flex-row md:items-end md:justify-between md:px-6">
|
<div className="cookie-consent-panel mx-auto flex max-w-page flex-col gap-4 border border-black/15 bg-white px-5 py-4 shadow-[0_22px_70px_rgba(23,23,23,0.22)] ring-1 ring-black/10 md:flex-row md:items-end md:justify-between md:px-6">
|
||||||
<div className="max-w-[880px]">
|
<div className="max-w-[880px]">
|
||||||
<div className="inline-flex items-center gap-2 text-sm font-medium text-text-primary">
|
<div className="inline-flex items-center gap-2 text-sm font-medium text-text-primary">
|
||||||
<span className="h-2 w-2 rounded-full bg-[#b37a2a]" />
|
<span className="h-2 w-2 rounded-full bg-[#b37a2a]" />
|
||||||
|
|||||||
Reference in New Issue
Block a user