dm/fuz-site
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Cooki - korekta mail

Browse Source
This commit is contained in:
dm
2025-12-17 17:00:48 +01:00
parent 0203e95cfc
commit 6908cbd287
3 changed files with 13 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
src/content/site/cookie.yaml
View File

@@ -1,11 +1,12 @@
enabled: true enabled: true
text: text:
message: "Ta strona korzysta z ciasteczek aby świadczyć usługi na najwyższym poziomie. Dalsze korzystanie ze strony oznacza, że zgadzasz się na ich użycie." message: |
more: "Dowiedz się więcej" Ta strona korzysta z ciasteczek, aby świadczyć usługi na najwyższym poziomie.
accept: "Akceptuję"
reject: "Odrzucam"
links: Dalsze korzystanie ze strony oznacza, że zgadzasz się na ich użycie. [Dowiedz się więcej](/dokumenty/polityka-prywatnosci "Polityka-prywatnosci")
privacy: "/polityka-prywatnosci"
more: Dowiedz się więcej
accept: Akceptuję
reject: Odrzucam

10
src/islands/Cookie.jsx
View File

@@ -1,5 +1,5 @@
import { useEffect, useState } from "preact/hooks"; import { useEffect, useState } from "preact/hooks";
// import "../styles/cookie.css"; import Markdown from "./Markdown.jsx";
export default function Cookie({ config }) { export default function Cookie({ config }) {
const [visible, setVisible] = useState(false); const [visible, setVisible] = useState(false);
@@ -29,13 +29,7 @@ export default function Cookie({ config }) {
> >
<div class="f-cookie-panel-inner"> <div class="f-cookie-panel-inner">
<p class="f-cookie-text"> <Markdown text={config.text.message} />
{config.text.message}
<a href={config.links.privacy} rel="noopener noreferrer">
{config.text.more}
</a>
</p>
<div class="flex gap-3 shrink-0"> <div class="flex gap-3 shrink-0">
<button onClick={() => handle("accepted")} class="f-cookie-accept"> <button onClick={() => handle("accepted")} class="f-cookie-accept">
{config.text.accept} {config.text.accept}

8
src/styles/cookie.css
View File

@@ -1,14 +1,14 @@
@layer components { @layer components {
#cookie-banner { #cookie-banner {
@apply fixed bottom-0 left-0 w-full translate-y-full transition-transform duration-500 ease-in-out bg-[--f-cookie-background] text-[--f-cookie-text]; @apply fixed bottom-0 left-0 w-full translate-y-full transition-transform duration-500 ease-in-out bg-[--f-cookie-background];
} }
.f-cookie-panel-inner { .f-cookie-panel-inner {
@apply max-w-5xl mx-auto flex flex-col md:flex-row items-start md:items-center justify-between gap-4 px-6 py-6; @apply max-w-6xl mx-auto flex flex-col md:flex-row items-start md:items-center justify-between gap-4 px-6 py-6;
} }
.f-cookie-text { .f-cookie-panel-inner .fuz-markdown p {
@apply text-base leading-snug; @apply text-xl;
} }
.f-cookie-accept, .f-cookie-accept,