fixat lighthouse footer & search
This commit is contained in:
parent
1250b8d6a1
commit
7c32116b28
|
|
@ -186,8 +186,8 @@ export default function KontaktaOss() {
|
|||
🕒 Öppettider
|
||||
</p>
|
||||
<p style={{ fontSize: '0.95rem', lineHeight: '1.6', color: 'var(--text-color)' }}>
|
||||
Måndag - Fredag<br />
|
||||
13:00 - 22:00
|
||||
Varje Dag<br />
|
||||
09:00 - 22:00
|
||||
</p>
|
||||
</div>
|
||||
|
||||
|
|
|
|||
|
|
@ -102,6 +102,7 @@ export default function NavbarSearch({ variant = 'desktop' }: NavbarSearchProps)
|
|||
<button
|
||||
onClick={handleMobileIconClick}
|
||||
className="p-2 text-[var(--nav-text)] hover:text-[var(--nav-hover)] transition-colors"
|
||||
aria-label="Sök"
|
||||
>
|
||||
<Search size={24} />
|
||||
</button>
|
||||
|
|
|
|||
|
|
@ -33,13 +33,17 @@
|
|||
.footer__item {
|
||||
font-family: 'Montserrat', sans-serif;
|
||||
font-size: clamp(0.75rem, 2vw, 0.85rem);
|
||||
color: var(--text-secondary);
|
||||
color: var(--footer-text);
|
||||
}
|
||||
|
||||
.footer__item a {
|
||||
color: var(--text-secondary);
|
||||
color: var(--footer-text);
|
||||
text-decoration: none;
|
||||
transition: color 0.3s ease;
|
||||
display: inline-block;
|
||||
padding: 0.5rem 0.25rem;
|
||||
min-height: 44px;
|
||||
min-width: 44px;
|
||||
}
|
||||
|
||||
.footer__item a:hover {
|
||||
|
|
@ -50,13 +54,15 @@
|
|||
.footer__link-button {
|
||||
background: none;
|
||||
border: none;
|
||||
padding: 0;
|
||||
padding: 0.5rem 0.25rem;
|
||||
font-family: 'Montserrat', sans-serif;
|
||||
font-size: inherit;
|
||||
color: var(--text-secondary);
|
||||
color: var(--footer-text);
|
||||
text-decoration: none;
|
||||
cursor: pointer;
|
||||
transition: color 0.3s ease;
|
||||
min-height: 44px;
|
||||
min-width: 44px;
|
||||
}
|
||||
|
||||
.footer__link-button:hover {
|
||||
|
|
@ -67,13 +73,17 @@
|
|||
.footer__contact {
|
||||
font-family: 'Montserrat', sans-serif;
|
||||
font-size: clamp(0.75rem, 2vw, 0.85rem);
|
||||
color: var(--highlight-color);
|
||||
color: var(--footer-contact-text);
|
||||
}
|
||||
|
||||
.footer__contact a {
|
||||
color: var(--highlight-color);
|
||||
color: var(--footer-contact-text);
|
||||
text-decoration: none;
|
||||
transition: color 0.3s ease;
|
||||
display: inline-block;
|
||||
padding: 0.5rem 0.25rem;
|
||||
min-height: 44px;
|
||||
min-width: 44px;
|
||||
}
|
||||
|
||||
.footer__contact a:hover {
|
||||
|
|
@ -89,11 +99,11 @@
|
|||
margin-top: clamp(0.5rem, 1.5vw, 0.75rem);
|
||||
font-family: 'Montserrat', sans-serif;
|
||||
font-size: clamp(0.6rem, 1.5vw, 0.75rem);
|
||||
color: var(--text-secondary);
|
||||
color: var(--footer-text);
|
||||
}
|
||||
|
||||
.footer__copyright a {
|
||||
color: var(--text-secondary);
|
||||
color: var(--footer-text);
|
||||
text-decoration: none;
|
||||
transition: color 0.3s ease;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -29,6 +29,8 @@
|
|||
/* Footer */
|
||||
--footer-bg: #ffffff;
|
||||
--highlight-color: #888888;
|
||||
--footer-text: #495057;
|
||||
--footer-contact-text: #495057;
|
||||
|
||||
--price-color: #ffffff18;
|
||||
|
||||
|
|
@ -87,6 +89,8 @@
|
|||
/* Footer */
|
||||
--footer-bg: #121212;
|
||||
--highlight-color: #888888;
|
||||
--footer-text: #D0D0D0;
|
||||
--footer-contact-text: #D0D0D0;
|
||||
|
||||
/* Info */
|
||||
--info-bg: #1A1A1A;
|
||||
|
|
|
|||
Loading…
Reference in New Issue