mirror of
https://github.com/kevinveenbirkenbach/homepage.veen.world.git
synced 2025-09-09 19:27:11 +02:00
Added fullwidth animation
This commit is contained in:
@@ -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
|
||||
|
Reference in New Issue
Block a user