tbs093a
/
curriculum.vitae
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix(cv): add missing sidebar styles and center main content 

Duplicate segment_title, description and subitem styles into sidebar
scope so they render correctly outside main_content. Center main_content
with margin auto and use padding-left on page_layout for sidebar offset.
Fix contact info link colors and accent text for light theme.

Made-with: Cursor
master
sii42400 2026-04-17 13:36:42 +02:00
parent 0c8d7642d9
commit d302eac519
1 changed files with 28 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
src/styles/general.scss
View File

@ -61,6 +61,7 @@ body {
display: flex;
flex-direction: row;
min-height: 100vh;
padding-left: 280px;
}
.sidebar {
@ -151,6 +152,14 @@ body {
float: none;
margin-left: 0;
width: 100%;
padding-top: 12px;
height: 45px;
color: var(--on-accent-color);
font-family: $title_font_family;
font-size: $title_font_size;
text-align: center;
background-color: var(--div-bg-color);
box-sizing: border-box;
}
.segment_description_general {
@ -161,6 +170,10 @@ body {
margin: 10px 0 0 0;
padding: 0;
font-size: 8.5pt;
font-family: $regular_font_family;
font-style: italic;
color: var(--text-color);
opacity: 0.75;
text-align: justify;
}
}
@ -198,16 +211,26 @@ body {
font-family: $regular_font_family;
font-weight: bold;
background-color: var(--div-bg-color);
color: var(--text-color);
color: var(--on-accent-color);
.segment_image_item {
margin-top: 5px;
}
.subitem {
margin-left: 5px;
}
a:link, a:visited, a:hover, a:active {
color: var(--on-accent-color);
opacity: 0.8;
}
}
}
.main_content {
margin-left: 280px;
margin-left: auto;
margin-right: auto;
max-width: 21cm;
width: 100%;
padding: 0 15px;
@ -267,7 +290,7 @@ body {
padding: 15px;
width: 180px;
height:220px;
color: var(--text-color);
color: var(--on-accent-color);
font-size: $regular_image_font_size;
font-family: $regular_font_family;
font-weight: bold;
@ -413,7 +436,7 @@ body {
.subitem {
margin-left: 15px;
margin-left: 5px;
}
}
@ -503,6 +526,7 @@ body {
@media (max-width: 768px) {
.page_layout {
flex-direction: column;
padding-left: 0;
}
.sidebar {