ismailforgejo
/
nordicstorium
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fixat lighthouse footer & search

This commit is contained in:
ismail 2026-02-02 23:07:14 +01:00
parent 1250b8d6a1
commit 7c32116b28
4 changed files with 25 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/app/kontakta-oss/page.tsx
View File

@ -186,8 +186,8 @@ export default function KontaktaOss() {
🕒 Öppettider 🕒 Öppettider
</p> </p>
<p style={{ fontSize: '0.95rem', lineHeight: '1.6', color: 'var(--text-color)' }}> <p style={{ fontSize: '0.95rem', lineHeight: '1.6', color: 'var(--text-color)' }}>
Måndag - Fredag<br /> Varje Dag<br />
13:00 - 22:00 09:00 - 22:00
</p> </p>
</div> </div>

1
src/components/NavbarSearch.tsx
View File

@ -102,6 +102,7 @@ export default function NavbarSearch({ variant = 'desktop' }: NavbarSearchProps)
<button <button
onClick={handleMobileIconClick} onClick={handleMobileIconClick}
className="p-2 text-[var(--nav-text)] hover:text-[var(--nav-hover)] transition-colors" className="p-2 text-[var(--nav-text)] hover:text-[var(--nav-hover)] transition-colors"
aria-label="Sök"
> >
<Search size={24} /> <Search size={24} />
</button> </button>

26
src/styles/components/Footer.css
View File

@ -33,13 +33,17 @@
.footer__item { .footer__item {
font-family: 'Montserrat', sans-serif; font-family: 'Montserrat', sans-serif;
font-size: clamp(0.75rem, 2vw, 0.85rem); font-size: clamp(0.75rem, 2vw, 0.85rem);
color: var(--text-secondary); color: var(--footer-text);
} }
.footer__item a { .footer__item a {
color: var(--text-secondary); color: var(--footer-text);
text-decoration: none; text-decoration: none;
transition: color 0.3s ease; transition: color 0.3s ease;
display: inline-block;
padding: 0.5rem 0.25rem;
min-height: 44px;
min-width: 44px;
} }
.footer__item a:hover { .footer__item a:hover {
@ -50,13 +54,15 @@
.footer__link-button { .footer__link-button {
background: none; background: none;
border: none; border: none;
padding: 0; padding: 0.5rem 0.25rem;
font-family: 'Montserrat', sans-serif; font-family: 'Montserrat', sans-serif;
font-size: inherit; font-size: inherit;
color: var(--text-secondary); color: var(--footer-text);
text-decoration: none; text-decoration: none;
cursor: pointer; cursor: pointer;
transition: color 0.3s ease; transition: color 0.3s ease;
min-height: 44px;
min-width: 44px;
} }
.footer__link-button:hover { .footer__link-button:hover {
@ -67,13 +73,17 @@
.footer__contact { .footer__contact {
font-family: 'Montserrat', sans-serif; font-family: 'Montserrat', sans-serif;
font-size: clamp(0.75rem, 2vw, 0.85rem); font-size: clamp(0.75rem, 2vw, 0.85rem);
color: var(--highlight-color); color: var(--footer-contact-text);
} }
.footer__contact a { .footer__contact a {
color: var(--highlight-color); color: var(--footer-contact-text);
text-decoration: none; text-decoration: none;
transition: color 0.3s ease; transition: color 0.3s ease;
display: inline-block;
padding: 0.5rem 0.25rem;
min-height: 44px;
min-width: 44px;
} }
.footer__contact a:hover { .footer__contact a:hover {
@ -89,11 +99,11 @@
margin-top: clamp(0.5rem, 1.5vw, 0.75rem); margin-top: clamp(0.5rem, 1.5vw, 0.75rem);
font-family: 'Montserrat', sans-serif; font-family: 'Montserrat', sans-serif;
font-size: clamp(0.6rem, 1.5vw, 0.75rem); font-size: clamp(0.6rem, 1.5vw, 0.75rem);
color: var(--text-secondary); color: var(--footer-text);
} }
.footer__copyright a { .footer__copyright a {
color: var(--text-secondary); color: var(--footer-text);
text-decoration: none; text-decoration: none;
transition: color 0.3s ease; transition: color 0.3s ease;
} }

4
src/styles/theme-variables.css
View File

@ -29,6 +29,8 @@
/* Footer */ /* Footer */
--footer-bg: #ffffff; --footer-bg: #ffffff;
--highlight-color: #888888; --highlight-color: #888888;
--footer-text: #495057;
--footer-contact-text: #495057;
--price-color: #ffffff18; --price-color: #ffffff18;
@ -87,6 +89,8 @@
/* Footer */ /* Footer */
--footer-bg: #121212; --footer-bg: #121212;
--highlight-color: #888888; --highlight-color: #888888;
--footer-text: #D0D0D0;
--footer-contact-text: #D0D0D0;
/* Info */ /* Info */
--info-bg: #1A1A1A; --info-bg: #1A1A1A;