Files
cv-site/static/css/02-layout/_container.css
T
juanatsap 29a00f432b improve: Enhance UI appearance and startup logs
UI improvements:
- Remove CV page borders for cleaner look in both themes
- Soften light theme shadow (0.06 opacity, 24px blur)
- Set light theme border color to white for seamless appearance

Server improvements:
- Add descriptive icons to startup logs (📂 🇬🇧 🇪🇸 ⚙️ 📦 📋 🌐 ⏹️)
- Improve visual clarity of server initialization sequence
2025-11-20 16:52:30 +00:00

59 lines
1.5 KiB
CSS

/* ============================================================================
CV CONTAINER & ZOOM WRAPPER
============================================================================ */
/* Zoom Wrapper - wraps cv-container for zoom functionality */
.zoom-wrapper {
/* CSS zoom property changes actual layout space (not just visual) */
/* This allows footer to naturally position right after zoomed content */
}
/* Main CV Container */
.cv-container {
width: 100%;
max-width: 100%; /* Full width to accommodate pages */
margin: 0 auto;
padding: 20px 0 0 0; /* Top padding to prevent sticky action bar overlap */
display: block;
/* Clean theme - no sidebars, centered content */
&.theme-clean {
padding: 20px 0 0 0;
transition: all 0.3s ease-in-out;
.cv-page {
box-shadow: var(--shadow-lg);
border: none;
margin: 0 auto;
max-width: 900px;
transition: all 0.3s ease-in-out;
}
.cv-sidebar,
.cv-title-badges-header,
.cv-footer {
display: none !important;
animation: fadeOutShrink 0.3s ease-in-out;
}
.page-content {
grid-template-columns: 1fr !important;
transition: grid-template-columns 0.3s ease-in-out;
}
.cv-main {
grid-column: 1 !important;
padding: 2rem 3rem!important;
transition: all 0.3s ease-in-out;
}
}
}
/* Animate sidebar, header, footer when hiding/showing */
.cv-sidebar,
.cv-title-badges-header,
.cv-footer {
overflow: hidden;
transition: all 0.3s ease-in-out;
}