fix: remove white frame wrapper and stack pages vertically
- Changed .cv-container from flex to block layout - Made .cv-container full width (100%) instead of max 1200px - Removed .cv-paper grid layout (was conflicting with .cv-page grids) - Made .cv-paper transparent with no shadow (each page has its own) - Pages now stack vertically one after another - Removed white frame container that was wrapping both pages Each .cv-page now displays independently with proper spacing.
This commit is contained in:
+7
-10
@@ -175,24 +175,21 @@ a:hover {
|
||||
/* Main CV Container */
|
||||
.cv-container {
|
||||
width: 100%;
|
||||
max-width: 1200px;
|
||||
max-width: 100%; /* Full width to accommodate pages */
|
||||
margin: 0 auto;
|
||||
padding: 100px 0 0 0; /* Top padding to prevent sticky action bar overlap */
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
display: block; /* Changed from flex */
|
||||
}
|
||||
|
||||
/* CV Paper - Two-column layout with shadow */
|
||||
/* CV Paper - Container for two-page layout */
|
||||
.cv-paper {
|
||||
width: 100%;
|
||||
background: var(--paper-white);
|
||||
box-shadow: 0 0 30px rgba(0,0,0,0.4);
|
||||
background: transparent; /* Remove white background - each page has its own */
|
||||
box-shadow: none; /* Remove shadow - each page has its own */
|
||||
margin: 0;
|
||||
position: relative;
|
||||
display: grid;
|
||||
grid-template-columns: 300px 1fr;
|
||||
grid-template-rows: auto 1fr;
|
||||
min-height: 100vh;
|
||||
display: block; /* Changed from grid to block for stacking pages */
|
||||
min-height: auto; /* Changed from 100vh */
|
||||
}
|
||||
|
||||
/* Page break helpers */
|
||||
|
||||
Reference in New Issue
Block a user