style: link KnorrLabs to dashy with compass icon badge
This commit is contained in:
@@ -5663,6 +5663,27 @@ html.theme-cupertino .events-scroll-container {
|
|||||||
border-color: rgba(56, 189, 248, 0.32);
|
border-color: rgba(56, 189, 248, 0.32);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.knorrlabs-footer-badge {
|
||||||
|
display: inline-flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 4px;
|
||||||
|
padding: 2px 8px;
|
||||||
|
border-radius: 999px;
|
||||||
|
font-size: 13px;
|
||||||
|
font-weight: 500;
|
||||||
|
color: #94a3b8;
|
||||||
|
text-decoration: none;
|
||||||
|
background: rgba(139, 92, 246, 0.08);
|
||||||
|
border: 1px solid rgba(139, 92, 246, 0.18);
|
||||||
|
transition: color 0.15s ease, background 0.15s ease, border-color 0.15s ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
.knorrlabs-footer-badge:hover {
|
||||||
|
color: #ddd6fe;
|
||||||
|
background: rgba(139, 92, 246, 0.14);
|
||||||
|
border-color: rgba(139, 92, 246, 0.32);
|
||||||
|
}
|
||||||
|
|
||||||
.demo-badge {
|
.demo-badge {
|
||||||
display: inline-flex;
|
display: inline-flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
|||||||
@@ -1,4 +1,4 @@
|
|||||||
import { Coffee, Mail } from 'lucide-react'
|
import { Coffee, Mail, Compass } from 'lucide-react'
|
||||||
import { useTranslation } from 'react-i18next'
|
import { useTranslation } from 'react-i18next'
|
||||||
import { PlausibleEvents, trackPlausibleEvent } from '../services/analytics.js'
|
import { PlausibleEvents, trackPlausibleEvent } from '../services/analytics.js'
|
||||||
|
|
||||||
@@ -15,11 +15,24 @@ export default function AppFooter() {
|
|||||||
·
|
·
|
||||||
</span>
|
</span>
|
||||||
<span className="app-version-footer__copyright">
|
<span className="app-version-footer__copyright">
|
||||||
© 2026 KnorrLabs
|
© 2026
|
||||||
</span>
|
</span>
|
||||||
<span className="app-version-footer__sep" aria-hidden="true">
|
<span className="app-version-footer__sep" aria-hidden="true">
|
||||||
·
|
·
|
||||||
</span>
|
</span>
|
||||||
|
<a
|
||||||
|
className="knorrlabs-footer-badge"
|
||||||
|
href="https://dashy.elpatron.me/"
|
||||||
|
target="_blank"
|
||||||
|
rel="noopener noreferrer"
|
||||||
|
onClick={() => trackPlausibleEvent(PlausibleEvents.FOOTER_LINK_CLICKED)}
|
||||||
|
>
|
||||||
|
<Compass size={14} aria-hidden="true" />
|
||||||
|
<span>KnorrLabs</span>
|
||||||
|
</a>
|
||||||
|
<span className="app-version-footer__sep" aria-hidden="true">
|
||||||
|
·
|
||||||
|
</span>
|
||||||
<a
|
<a
|
||||||
className="mail-footer-badge"
|
className="mail-footer-badge"
|
||||||
href="mailto:moin@kapteins-daagbok.eu"
|
href="mailto:moin@kapteins-daagbok.eu"
|
||||||
|
|||||||
Reference in New Issue
Block a user