UniqAI/bolt.diy
1
0
Fork 0
mirror of https://github.com/stackblitz-labs/bolt.diy synced 2025-05-06 21:24:40 +00:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

fix landingpage icons

Browse Source
This commit is contained in:
Stijnus 2025-01-30 22:50:42 +01:00
parent fab0cdd04e
commit 1eae44dd14
2 changed files with 6 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
app/components/chat/StarterTemplates.tsx
View File

@ -14,7 +14,7 @@ const FrameworkLink: React.FC<FrameworkLinkProps> = ({ template }) => (
className="items-center justify-center"
>
<div
className={`inline-block ${template.icon} w-8 h-8 text-4xl transition-theme opacity-25 hover:opacity-100 hover:text-purple-500 dark:text-white dark:opacity-50 dark:hover:opacity-100 dark:hover:text-purple-400 transition-all`}
className={`inline-flex items-center justify-center ${template.icon} w-8 h-8 text-4xl transition-theme opacity-25 hover:opacity-100 hover:text-purple-500 dark:text-white dark:opacity-50 dark:hover:opacity-100 dark:hover:text-purple-400 transition-all`}
title={template.label}
/>
</a>

15
uno.config.ts
View File

@ -2,7 +2,6 @@ import { globSync } from 'fast-glob';
import fs from 'node:fs/promises';
import { basename, join } from 'node:path';
import { defineConfig, presetIcons, presetUno, transformerDirectives } from 'unocss';
import type { IconifyJSON } from '@iconify/types';
// Debug: Log the current working directory and icon paths
console.log('CWD:', process.cwd());
@ -16,12 +15,11 @@ const customIconCollection = {
[collectionName]: iconPaths.reduce(
(acc, iconPath) => {
const [iconName] = basename(iconPath).split('.');
console.log(`Loading icon: ${iconName} from ${iconPath}`); // Debug log
console.log(`Loading icon: ${iconName} from ${iconPath}`);
acc[iconName] = async () => {
try {
const content = await fs.readFile(iconPath, 'utf8');
// Simplified SVG processing
return content
.replace(/fill="[^"]*"/g, 'fill="currentColor"')
.replace(/fill='[^']*'/g, "fill='currentColor'")
@ -120,7 +118,7 @@ const COLOR_PRIMITIVES = {
export default defineConfig({
safelist: [
// Explicitly safelist all icon combinations with both formats
// Explicitly safelist all icon combinations
...Object.keys(customIconCollection[collectionName] || {}).map((x) => `i-${collectionName}-${x}`),
...Object.keys(customIconCollection[collectionName] || {}).map((x) => `i-${collectionName}-${x.toLowerCase()}`),
],
@ -265,11 +263,7 @@ export default defineConfig({
presetIcons({
warn: true,
collections: {
bolt: customIconCollection.bolt,
ph: async () => {
const icons = await import('@iconify-json/ph/icons.json');
return icons.default as IconifyJSON;
},
[collectionName]: customIconCollection[collectionName],
},
extraProperties: {
display: 'inline-block',
@ -278,7 +272,8 @@ export default defineConfig({
height: '24px',
},
scale: 1,
cdn: 'https://esm.sh/',
unit: 'px',
cdn: '',
}),
],
});