feat: improve sidebar text alignment for mobile and desktop views

- Changed right sidebar title alignment from center to right for consistency
- Added center alignment to sidebar accordion headers
- Fixed mobile sidebar alignments to respect left/right positioning (left sidebar: left-aligned, right sidebar: right-aligned)
This commit is contained in:
juanatsap
2025-11-10 18:32:30 +00:00
parent 538f0341c1
commit 2f0e342c96
2 changed files with 8 additions and 5 deletions
Executable
BIN
View File
Binary file not shown.
+8 -5
View File
@@ -659,7 +659,7 @@ iconify-icon {
}
.cv-sidebar-right .sidebar-section summary .sidebar-title {
text-align: center;
text-align: right;
width: 100%;
}
@@ -1975,6 +1975,7 @@ a:focus {
user-select: none;
border-bottom: 2px solid rgba(0, 0, 0, 0.1);
transition: background-color 0.2s ease;
text-align: center;
}
.sidebar-accordion-header:hover {
@@ -2133,12 +2134,14 @@ a:focus {
/* Force left alignment for all sidebar content on mobile */
.cv-sidebar-left .sidebar-content,
.cv-sidebar-left .skill-item,
.cv-sidebar-right .sidebar-content,
.cv-sidebar-right .skill-item {
.cv-sidebar-left .skill-item {
text-align: left !important;
}
/* Force right alignment for all sidebar content on mobile */
.cv-sidebar-right .sidebar-content,
.cv-sidebar-right .skill-item {
text-align: right !important;
}
.page-1 .cv-main,
.page-2 .cv-main {
width: 100% !important;