starred/yaak-mountain-loop
1
0
Fork 0
mirror of https://github.com/mountain-loop/yaak.git synced 2026-04-25 10:08:29 +02:00
Code Issues 8 Packages Projects Releases 10 Wiki Activity

Correctly wrap small dialog text

Browse Source
This commit is contained in:
Gregory Schier
2024-08-09 14:28:20 -07:00
parent 96ae1d467b
commit e4ba408534
2 changed files with 2 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
src-web/components/core/Dialog.tsx
View File

@@ -66,6 +66,7 @@ export function Dialog({
className={classNames( className={classNames(
className, className,
'grid grid-rows-[auto_auto_minmax(0,1fr)]', 'grid grid-rows-[auto_auto_minmax(0,1fr)]',
'grid-cols-1', // must be here for inline code blocks to correctly break words
'relative bg-background pointer-events-auto', 'relative bg-background pointer-events-auto',
'rounded-lg', 'rounded-lg',
'border border-background-highlight-secondary shadow-lg shadow-[rgba(0,0,0,0.1)]', 'border border-background-highlight-secondary shadow-lg shadow-[rgba(0,0,0,0.1)]',

2
src-web/components/core/InlineCode.tsx
View File

@@ -7,7 +7,7 @@ export function InlineCode({ className, ...props }: HTMLAttributes<HTMLSpanEleme
className={classNames( className={classNames(
className, className,
'font-mono text-shrink bg-background-highlight-secondary border border-background-highlight-secondary', 'font-mono text-shrink bg-background-highlight-secondary border border-background-highlight-secondary',
'px-1.5 py-0.5 rounded text-fg shadow-inner', 'px-1.5 py-0.5 rounded text-fg shadow-inner break-words',
)} )}
{...props} {...props}
/> />