saulteafarmer/Stirling-PDF
1
0
Fork 0
mirror of https://github.com/Stirling-Tools/Stirling-PDF.git synced 2025-09-18 09:29:24 +00:00
Code Issues Packages Projects Releases Wiki Activity

Update to make all links look the same

Browse Source
This commit is contained in:
Connor Yoh 2025-08-28 17:24:32 +01:00
parent 48d9e86c6c
commit 32b0d8c9b9
2 changed files with 33 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
frontend/src/components/shared/Footer.tsx
View File

@ -1,4 +1,4 @@
import { Flex } from '@mantine/core';
import { Flex, Text } from '@mantine/core';
import React from 'react';
import { useTranslation } from 'react-i18next';
import { useCookieConsent } from '../../hooks/useCookieConsent';
@ -93,22 +93,11 @@ export default function Footer({
{t('legal.accessibility', 'Accessibility')}
</a>
)}
{cookiePolicy && (
<a
className="footer-link px-3"
target="_blank"
rel="noopener noreferrer"
href={cookiePolicy}
>
{t('legal.cookie', 'Cookie Preferecences')}
</a>
)}
{analyticsEnabled && (
<button
className="footer-link px-3"
id="cookieBanner"
onClick={showCookiePreferences}
style={{ border: 'none', background: 'none', cursor: 'pointer' }}
>
{t('legal.showCookieBanner', 'Cookie Preferences')}
</button>
@ -117,9 +106,9 @@ export default function Footer({
{/* Powered by section */}
<Flex justify="center" align="center" gap={"sm"} >
<span>{t('poweredBy', 'Powered by')} </span>
<Text fw={600}>{t('poweredBy', 'Powered by')} </Text>
<a href="https://stirlingpdf.com" className="stirling-link">
Stirling PDF
Stirling
</a>
</Flex>
</div>

30
frontend/src/index.css
View File

@ -11,3 +11,33 @@ code {
font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
monospace;
}
/* Footer link styling - make buttons and links look identical */
.footer-link {
color: var(--mantine-color-blue-6);
text-decoration: none;
transition: color 0.2s ease;
border: none;
background: none;
cursor: pointer;
font-family: inherit;
font-size: inherit;
padding: 0;
}
.footer-link:hover {
color: var(--mantine-color-blue-8);
text-decoration: underline;
}
.stirling-link {
color: var(--mantine-color-blue-6);
text-decoration: none;
font-weight: 500;
transition: color 0.2s ease;
}
.stirling-link:hover {
color: var(--mantine-color-blue-8);
text-decoration: underline;
}