Skip to content

Commit 63867d4

Browse files
committed
feat: add Cookie Settings button to footer for CookieYes consent revisit
Replace the floating revisit consent icon with a footer link using the cky-banner-element class, which CookieYes binds to automatically.
1 parent 6b6a470 commit 63867d4

2 files changed

Lines changed: 15 additions & 0 deletions

File tree

src/components/layout/Footer.module.css

Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -42,6 +42,20 @@
4242
color: var(--accent);
4343
}
4444

45+
.cookieButton {
46+
background: none;
47+
border: none;
48+
padding: 0;
49+
font: inherit;
50+
color: var(--text-secondary);
51+
cursor: pointer;
52+
flex-shrink: 0;
53+
}
54+
55+
.cookieButton:hover {
56+
color: var(--accent);
57+
}
58+
4559
.separator {
4660
width: 1px;
4761
height: 12px;

src/components/layout/Footer.tsx

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -10,6 +10,7 @@ export function Footer() {
1010
<Link href="/contact" className={styles.link}>Contact</Link>
1111
<Link href="/privacy" className={styles.link}>Privacy Policy</Link>
1212
<Link href="/terms" className={styles.link}>Terms of Service</Link>
13+
<button type="button" className={`cky-banner-element ${styles.cookieButton}`}>Cookie Settings</button>
1314
<span className={styles.separator} />
1415
<p>&copy; {new Date().getFullYear()} PhotoTools</p>
1516
</div>

0 commit comments

Comments
 (0)