refactor: migrate Font Awesome to npm package

- Remove Font Awesome files from public/assets and update .gitignore
- Switch from CDN to local npm package for Font Awesome
- Update BaseLayout.astro to use Font Awesome from node_modules
- Add specific gitignore patterns for vendor files
- Keep public/assets directory structure for future custom assets

This change improves the project by:
1. Using proper dependency management through npm
2. Reducing external dependencies on CDN
3. Maintaining cleaner source control
4. Following best practices for vendor file management
This commit is contained in:
Peter Wood
2025-05-18 07:30:40 -04:00
parent 9ba3bccd56
commit c3279f3a16
5 changed files with 34 additions and 6768 deletions

View File

@@ -25,7 +25,10 @@ const { title } = Astro.props;
<meta name="generator" content={Astro.generator} />
<title>{title}</title>
<link rel="stylesheet" href="/src/styles/radix-ui.css" />
<link rel="stylesheet" href="/assets/fontawesome/css/all.min.css" />
<link
rel="stylesheet"
href="/node_modules/@fortawesome/fontawesome-free/css/all.min.css"
/>
<link rel="stylesheet" href="/src/styles/global.css" />
</head>
<body>

View File

@@ -417,6 +417,18 @@ tbody tr:hover {
.button-icon {
flex-shrink: 0;
display: inline-block;
width: 1em;
height: 1em;
font-size: 1rem;
vertical-align: middle;
margin-right: 0.5rem;
}
.action-btn .fa-solid {
display: inline-block !important;
font-family: "Font Awesome 6 Free", sans-serif !important;
font-weight: 900 !important;
}
.edit-btn {
@@ -638,3 +650,12 @@ tbody tr:hover {
font-size: 1.8em;
}
}
/* Adding explicit styles for each icon */
.fa-pen-to-square::before {
content: "\f14b";
}
.fa-trash-can::before {
content: "\f2ed";
}