Done. I added min-w-0 to the URL bar container on line 68. This allows the flex container to shrink below its content size, enabling the truncate class on the URL text to work properly and prevent overflow. (#1892)
This commit is contained in:
committed by
GitHub
parent
6e3421c820
commit
9aef10a1bb
@@ -65,7 +65,7 @@ export function PreviewControls({
|
|||||||
{/* Controls row: URL bar + Start/Stop button */}
|
{/* Controls row: URL bar + Start/Stop button */}
|
||||||
<div className="flex items-center gap-half p-base">
|
<div className="flex items-center gap-half p-base">
|
||||||
{url && (
|
{url && (
|
||||||
<div className="flex items-center gap-half bg-panel rounded-sm px-base py-half flex-1">
|
<div className="flex items-center gap-half bg-panel rounded-sm px-base py-half flex-1 min-w-0">
|
||||||
<span className="flex-1 font-mono text-sm text-low truncate">
|
<span className="flex-1 font-mono text-sm text-low truncate">
|
||||||
{url}
|
{url}
|
||||||
</span>
|
</span>
|
||||||
|
|||||||
Reference in New Issue
Block a user