22 lines
945 B
JavaScript
22 lines
945 B
JavaScript
|
function adjustLayout() {
|
||
|
|
const headerText = document.querySelector('.header-text');
|
||
|
|
const separator = document.querySelector('.separator');
|
||
|
|
|
||
|
|
if (window.innerWidth <= 768) { // För mobiler
|
||
|
|
headerText.style.fontSize = '1.2rem'; // Minska textstorleken
|
||
|
|
separator.style.borderTop = '1px solid #4A90E2'; // Justera separator
|
||
|
|
} else if (window.innerWidth <= 1024) { // För surfplattor
|
||
|
|
headerText.style.fontSize = '1.4rem'; // Medium textstorlek
|
||
|
|
separator.style.borderTop = '1px solid #4A90E2'; // Justera separator
|
||
|
|
} else { // För stationära datorer
|
||
|
|
headerText.style.fontSize = '1.6rem'; // Standard textstorlek
|
||
|
|
separator.style.borderTop = '1px solid #4A90E2'; // Standard separator
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
// Anropa funktionen vid fönstrets storlekändring
|
||
|
|
window.addEventListener('resize', adjustLayout);
|
||
|
|
|
||
|
|
// Anropa funktionen vid sidladdning
|
||
|
|
window.addEventListener('load', adjustLayout);
|