Feat: footer reveal — page-scrollable-footer intégré aux vues
All checks were successful
Deploy / Deploy to Production (push) Successful in 25s
All checks were successful
Deploy / Deploy to Production (push) Successful in 25s
- Footer renommé page-scrollable-footer, positionné en dernier enfant de .page-container dans About, Blog et Article - Marges négatives pour aligner le footer pleine largeur (about / blog) - Retrait du footer global fixe de App.svelte Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
parent
4d425dd126
commit
c6fa61c77b
6 changed files with 18 additions and 17 deletions
|
|
@ -32,7 +32,7 @@
|
|||
}
|
||||
</script>
|
||||
|
||||
<footer class="site-footer">
|
||||
<footer class="page-scrollable-footer">
|
||||
<div class="footer-main">
|
||||
|
||||
<!-- Logo -->
|
||||
|
|
@ -115,14 +115,17 @@
|
|||
</footer>
|
||||
|
||||
<style>
|
||||
.site-footer {
|
||||
footer {
|
||||
width: 100vw;
|
||||
background: #0d0e22;
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
z-index: -2;
|
||||
}
|
||||
|
||||
:global(.about .page-scrollable-footer) {
|
||||
margin-left: -16.6vw;
|
||||
}
|
||||
|
||||
:global(.blog .page-scrollable-footer) {
|
||||
margin-left: -12.4vw;
|
||||
}
|
||||
|
||||
/* --- Main row --- */
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue