mirror of
https://github.com/kevinveenbirkenbach/homepage.veen.world.git
synced 2025-07-07 11:35:12 +02:00
Added fullwidth animation
This commit is contained in:
parent
539580ad09
commit
a7eb14046f
@ -135,3 +135,15 @@ body::before {
|
||||
iframe{
|
||||
margin-bottom: -10px;
|
||||
}
|
||||
|
||||
.container-fluid {
|
||||
max-width: 100% !important;
|
||||
}
|
||||
|
||||
.container,
|
||||
.container-fluid {
|
||||
transition:
|
||||
max-width 1s ease-in-out,
|
||||
padding-left 1s ease-in-out,
|
||||
padding-right 1s ease-in-out;
|
||||
}
|
@ -7,13 +7,14 @@ function setFullWidth(enabled) {
|
||||
if (!el) return;
|
||||
if (enabled) {
|
||||
el.classList.replace('container', 'container-fluid');
|
||||
updateUrlFullWidth(true)
|
||||
updateUrlFullWidth(true);
|
||||
} else {
|
||||
el.classList.replace('container-fluid', 'container');
|
||||
updateUrlFullWidth(false)
|
||||
updateUrlFullWidth(false);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
* Reads the URL parameter `fullwidth` and applies full width if it's set.
|
||||
* @returns {boolean} – current full‐width state
|
||||
|
Loading…
x
Reference in New Issue
Block a user