diff --git a/plugin-src/pluginSizes.ts b/plugin-src/pluginSizes.ts index 8d354ff..e67d4e2 100644 --- a/plugin-src/pluginSizes.ts +++ b/plugin-src/pluginSizes.ts @@ -2,7 +2,7 @@ export const LOADING_HEIGHT = 130; export const NORMAL_HEIGHT = LOADING_HEIGHT + 5; export const BASE_WIDTH = 290; -export const MISSING_FONTS_TEXT_HEIGHT = 195 - 15; +export const MISSING_FONTS_TEXT_HEIGHT = 195; export const MISSING_SINGLE_FONT_HEIGHT = 65; export const NEEDS_RELOAD_TEXT_HEIGHT = 90; diff --git a/ui-src/components/MissingFontsSection.tsx b/ui-src/components/MissingFontsSection.tsx index a61dfb8..8c3cf4f 100644 --- a/ui-src/components/MissingFontsSection.tsx +++ b/ui-src/components/MissingFontsSection.tsx @@ -1,5 +1,4 @@ -// import { Banner, IconInfo32, Link, Textbox } from '@create-figma-plugin/ui'; -import { Banner, IconInfo32, Textbox } from '@create-figma-plugin/ui'; +import { Banner, IconInfo32, Link, Textbox } from '@create-figma-plugin/ui'; import { Controller, useFormContext } from 'react-hook-form'; import { Stack } from './Stack'; @@ -21,10 +20,14 @@ export const MissingFontsSection = ({ fonts }: MissingFontsSectionProps) => {
  • Upload your local fonts in Penpot. - {/*
    - +
    + Learn how to do it. - */} +
  • Copy and paste the font IDs from Penpot below.