starred/yaak
1
0
Fork 0
mirror of https://github.com/mountain-loop/yaak.git synced 2026-01-11 20:00:29 +01: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 877f9ce15a
commit fbaf750c91
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,
'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',
'rounded-lg',
'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,
'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}
/>