style: refine language switcher width and improve PDF resume spacing

- Update LanguageSwitcher component width from 76px to 77px on small screens for better alignment
- Adjust PDF generation CSS padding from 1rem to 1.2rem for improved content spacing
- Increase section margin-bottom from 1.5rem to 1.85rem for better visual separation
- Enhance section heading margins and padding for improved readability
- Adjust work experience block spacing from 1rem to 1.15rem
- Refine bullet list spacing with margin-bottom increased to 0.38rem
- Improve line-height values across paragraphs (1.82rem) and list items (1.52rem) for better readability
- Update CSS comments to reflect readability improvements rather than page-fitting constraints
- Ensure consistent spacing between web and PDF versions while maintaining 2-page layout
This commit is contained in:
mahdiarghyani
2025-12-08 17:35:33 +03:30
parent 7c8b701426
commit e11a59f02d
2 changed files with 14 additions and 14 deletions
+1 -1
View File
@@ -3,7 +3,7 @@
<!-- Nuxt UI Select-based language picker -->
<USelect v-model="model" :items="items" value-key="value" size="sm" color="primary" variant="soft"
:highlight="false" arrow :trailing="true" placeholder="Language"
class="px-1 w-[64px] sm:w-[76px] rounded-full ring-1 ring-gray-200/70 dark:ring-gray-700/60 backdrop-blur-md shadow-sm h-[25px] hover:ring-primary-500/50 hover:shadow-md transition-all duration-200"
class="px-1 w-[64px] sm:w-[77px] rounded-full ring-1 ring-gray-200/70 dark:ring-gray-700/60 backdrop-blur-md shadow-sm h-[25px] hover:ring-primary-500/50 hover:shadow-md transition-all duration-200"
:ui="{
base: 'rounded-full',
trailingIcon: 'text-dimmed group-data-[state=open]:rotate-180 transition-transform duration-200',