fix: storybook font rendering and shared fonts module #1
@@ -1,5 +1,5 @@
|
|||||||
import Image from 'next/image';
|
import Image from 'next/image';
|
||||||
import { Card } from '$shared/ui';
|
import { Card, RichText } from '$shared/ui';
|
||||||
import { ProjectMetadata } from '../ProjectMetadata/ProjectMetadata';
|
import { ProjectMetadata } from '../ProjectMetadata/ProjectMetadata';
|
||||||
|
|
||||||
type Props = {
|
type Props = {
|
||||||
@@ -20,7 +20,7 @@ type Props = {
|
|||||||
*/
|
*/
|
||||||
stack: string[];
|
stack: string[];
|
||||||
/**
|
/**
|
||||||
* Project description paragraph
|
* Project description as HTML from the PocketBase rich-text editor
|
||||||
*/
|
*/
|
||||||
description: string;
|
description: string;
|
||||||
/**
|
/**
|
||||||
@@ -51,7 +51,7 @@ export function DetailedProjectCard({ title, year, role, stack, description, det
|
|||||||
<div className="lg:col-span-10 order-1 lg:order-2">
|
<div className="lg:col-span-10 order-1 lg:order-2">
|
||||||
<Card>
|
<Card>
|
||||||
<h3>{title}</h3>
|
<h3>{title}</h3>
|
||||||
<p className="text-lg mb-6">{description}</p>
|
<RichText html={description} className="text-lg mb-6" />
|
||||||
|
|
||||||
{imageUrl && (
|
{imageUrl && (
|
||||||
<div className="brutal-border aspect-video bg-blue overflow-hidden relative">
|
<div className="brutal-border aspect-video bg-blue overflow-hidden relative">
|
||||||
|
|||||||
Reference in New Issue
Block a user