mirror of
https://github.com/mmahdium/portfolio.git
synced 2026-08-16 21:14:31 +03:30
feat(resume): add ResumePreview container component (Story 2-2)
- Create app/components/resume/ResumePreview.vue with single-column layout - Implement A4 container (210mm × 297mm) with 24px margins - Add all resume sections: Header, Summary, Experience, Education, Additional Info - Apply blue (#2563eb) and white color scheme with Inter typography - Add print styles with .no-print class and break-inside-avoid - Integrate useResumeData() composable for reactive data - Update pages/resume.vue to use ResumePreview component Closes Story 2-2
This commit is contained in:
+3
-12
@@ -15,18 +15,9 @@ useHead({
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<div class="min-h-screen bg-white">
|
||||
<!-- Placeholder for ResumePreview component (Story 2.2) -->
|
||||
<div class="p-8 text-center">
|
||||
<h1 class="text-2xl font-bold">Resume Preview Coming Soon</h1>
|
||||
<p class="mt-4 text-gray-600">
|
||||
This page will display the resume preview once Story 2.2 is complete.
|
||||
</p>
|
||||
<p v-if="isPrintMode" class="mt-2 text-sm text-blue-600">
|
||||
Print Mode: Active
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="min-h-screen">
|
||||
<ResumePreview />
|
||||
|
||||
<!-- Download button will be added in Story 2.5 -->
|
||||
<!-- Hidden when isPrintMode is true -->
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user