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