Ryan/Reactive-Resume
1
0
Fork 0
mirror of https://github.com/AmruthPillai/Reactive-Resume.git synced 2026-06-22 04:11:55 +10:00
Code Issues Packages Projects Releases Wiki Activity

fix(lapras): adjust lapras border color to fixed gray

Browse Source
This commit is contained in:
Amruth Pillai
2026-05-11 01:11:17 +02:00
parent e4cc6a8e57
commit 143aaa741b
1 changed files with 2 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/pdf/src/templates/lapras/LaprasPage.tsx
+2 -10
View File
@@ -3,7 +3,7 @@ import type { TemplatePageProps } from "../../document";
import type { TemplateColorRoles, TemplateStyleContext, TemplateStyleSlots } from "../shared/types";
import { Image, Page, StyleSheet, View } from "@react-pdf/renderer";
import { useMemo } from "react";
import { parseColorString, rgbaStringToHex } from "@reactive-resume/utils/color";
import { rgbaStringToHex } from "@reactive-resume/utils/color";
import { useRender } from "../../context";
import { CustomFieldContactItem, WebsiteContactItem } from "../shared/contact-item";
import { TemplateProvider } from "../shared/context";
@@ -109,14 +109,6 @@ const Header = ({ styles }: { styles: LaprasStyles }) => {
);
};
const getAlphaColor = (color: string, alpha: number): string => {
const parsed = parseColorString(color);
if (!parsed) return rgbaStringToHex(color);
return `rgba(${parsed.r}, ${parsed.g}, ${parsed.b}, ${Math.max(0, Math.min(1, alpha))})`;
};
const useLaprasTemplate = (): LaprasTemplate => {
const { picture, metadata } = useRender();
@@ -124,7 +116,7 @@ const useLaprasTemplate = (): LaprasTemplate => {
const foreground = rgbaStringToHex(metadata.design.colors.text);
const background = rgbaStringToHex(metadata.design.colors.background);
const primary = rgbaStringToHex(metadata.design.colors.primary);
const borderColor = getAlphaColor(metadata.design.colors.text, 0.1);
const borderColor = "#CCCCCC";
const pictureBorderRadius = Math.min(picture.borderRadius, 30);
const headingNegativeMargin = metadata.typography.heading.fontSize + 6;
const colors: TemplateColorRoles = { foreground, background, primary };