mirror of
https://github.com/mmahdium/portfolio.git
synced 2026-08-17 05:24:30 +03:30
mahdiarghyani
df9b181a90
- Add print media queries to main.css for proper PDF export formatting - Ensure white background and light color scheme when printing - Refactor ResumeAdditionalInfo component to display skills in categorized format - Remove languages and certifications from additional info section - Add ResumeLanguages component for dedicated language display - Optimize spacing with print-specific margin utilities across all resume sections - Improve text wrapping and hyphenation in ResumeExperience component - Enhance ResumeHeader layout with print-optimized image sizing - Update resume data structure to support new component organization - Add research documentation on mentioning AI skills in resume - Update PDF export endpoint to work with refactored component structure - Remove outdated chat history file
46 lines
1.1 KiB
Vue
46 lines
1.1 KiB
Vue
<script setup lang="ts">
|
|
definePageMeta({
|
|
layout: false,
|
|
scrollToTop: true
|
|
})
|
|
|
|
const route = useRoute()
|
|
const isPrintMode = computed(() => route.query.print === 'true')
|
|
|
|
useHead({
|
|
title: 'Resume - Ali Arghyani',
|
|
meta: [
|
|
{ name: 'robots', content: 'noindex' }
|
|
]
|
|
})
|
|
|
|
// Reset scroll position on mount
|
|
onMounted(() => {
|
|
window.scrollTo(0, 0)
|
|
})
|
|
</script>
|
|
|
|
<template>
|
|
<div class="bg-white dark:bg-gray-900 print:bg-white">
|
|
<!-- Back to Home Button -->
|
|
<NuxtLink v-if="!isPrintMode" to="/" class="fixed top-4 right-4 z-50 inline-flex items-center gap-2 px-4 py-2 text-sm font-medium
|
|
bg-gray-100 dark:bg-gray-800 hover:bg-gray-200 dark:hover:bg-gray-700
|
|
text-gray-700 dark:text-gray-200 rounded-full shadow-lg
|
|
transition-all duration-200 hover:scale-105 no-print">
|
|
<UIcon name="i-heroicons-arrow-left" class="text-base" />
|
|
<span>Back to Home</span>
|
|
</NuxtLink>
|
|
|
|
<ResumePreview />
|
|
<ResumeDownloadButton :is-print-mode="isPrintMode" />
|
|
</div>
|
|
</template>
|
|
|
|
<style scoped>
|
|
@media print {
|
|
.no-print {
|
|
display: none !important;
|
|
}
|
|
}
|
|
</style>
|