feat(resume): enhance spacing, styling, and add markdown text parsing

- Update section spacing from mb-8 to mb-12 for improved visual hierarchy
- Refine heading padding and margins for consistent section styling
- Adjust work experience highlights spacing and add leading-relaxed for readability
- Implement markdown bold text parsing in job highlights using new composable
- Add color-coded icons in resume header (red for location, green for phone, amber for email, blue for website)
- Reorganize contact information into two lines for better layout organization
- Standardize icon sizing with explicit w-4 h-4 dimensions across header
- Create useMarkdownText composable for markdown formatting utilities
- Update resume data and PDF export endpoint to support enhanced styling
- Improve print styling consistency across all resume components
This commit is contained in:
mahdiarghyani
2025-12-06 14:04:45 +03:30
parent 73afa9f5a6
commit 12c8847447
9 changed files with 130 additions and 51 deletions
+3 -3
View File
@@ -10,14 +10,14 @@ const props = defineProps<Props>()
</script>
<template>
<section class="mb-8 print:mb-5">
<section class="mb-12 print:mb-12">
<h2
class="text-base font-bold text-blue-700 uppercase border-b-2 border-blue-600 pb-1.5 mb-4 print:mb-2.5 tracking-wide">
class="text-base font-bold text-blue-700 uppercase border-b-2 border-blue-600 pb-2 mb-6 print:mb-6 tracking-wide">
Languages & Certifications
</h2>
<!-- Languages -->
<div v-if="languages?.length" class="mb-3">
<div v-if="languages?.length" class="mb-2 print:mb-2">
<span class="text-sm font-bold text-gray-900">Languages: </span>
<span class="text-sm text-gray-700">
<template v-for="(lang, idx) in languages" :key="lang.language">