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:
+8
-5
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user