fix: use CSS zoom on wrapper to eliminate footer gap
Switched from transform: scale() to CSS zoom property on zoom-wrapper. CSS zoom changes actual layout space, not just visual rendering: - At 50% zoom, wrapper takes 50% space (no reserved empty space) - Footer naturally follows right after zoomed content - At 200% zoom, content extends beyond viewport with scrolling - Fixes the large gray gap between content and footer
This commit is contained in:
+2
-3
@@ -493,9 +493,8 @@ iconify-icon {
|
||||
|
||||
/* Zoom Wrapper - wraps cv-container for zoom functionality */
|
||||
.zoom-wrapper {
|
||||
transform-origin: top center; /* Scale from top center */
|
||||
transition: transform 0.08s linear; /* Smooth zoom response */
|
||||
will-change: transform; /* Optimize for transforms */
|
||||
/* CSS zoom property changes actual layout space (not just visual) */
|
||||
/* This allows footer to naturally position right after zoomed content */
|
||||
}
|
||||
|
||||
/* Main CV Container */
|
||||
|
||||
Reference in New Issue
Block a user