feat: tilføj PDF download knap til CV
All checks were successful
Build and Deploy Erika CV / build-and-deploy (push) Successful in 31s
All checks were successful
Build and Deploy Erika CV / build-and-deploy (push) Successful in 31s
This commit is contained in:
@@ -359,11 +359,32 @@
|
|||||||
transition: width 1s ease;
|
transition: width 1s ease;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* PDF-knap */
|
||||||
|
.pdf-btn {
|
||||||
|
position: fixed;
|
||||||
|
bottom: 32px;
|
||||||
|
right: 32px;
|
||||||
|
background: var(--accent);
|
||||||
|
color: white;
|
||||||
|
border: none;
|
||||||
|
border-radius: 50px;
|
||||||
|
padding: 14px 28px;
|
||||||
|
font-size: 1rem;
|
||||||
|
font-family: 'Inter', sans-serif;
|
||||||
|
font-weight: 600;
|
||||||
|
cursor: pointer;
|
||||||
|
box-shadow: 0 4px 20px rgba(74, 143, 232, 0.5);
|
||||||
|
transition: background 0.2s, transform 0.1s;
|
||||||
|
z-index: 999;
|
||||||
|
}
|
||||||
|
.pdf-btn:hover { background: #2f72d0; transform: scale(1.04); }
|
||||||
|
|
||||||
/* Print */
|
/* Print */
|
||||||
@media print {
|
@media print {
|
||||||
body { background: white; padding: 0; }
|
body { background: white; padding: 0; }
|
||||||
.cv-wrapper { box-shadow: none; border-radius: 0; max-width: 100%; }
|
.cv-wrapper { box-shadow: none; border-radius: 0; max-width: 100%; }
|
||||||
.sidebar { -webkit-print-color-adjust: exact; print-color-adjust: exact; }
|
.sidebar { -webkit-print-color-adjust: exact; print-color-adjust: exact; }
|
||||||
|
.pdf-btn { display: none; }
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Mobile */
|
/* Mobile */
|
||||||
@@ -568,5 +589,8 @@
|
|||||||
|
|
||||||
</main>
|
</main>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<button class="pdf-btn" onclick="window.print()">⬇ Download CV som PDF</button>
|
||||||
|
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
Reference in New Issue
Block a user