modify preview ui

This commit is contained in:
Ishaan Dey
2024-05-11 19:28:37 -07:00
parent 9bb5ed1517
commit f68920e936
3 changed files with 35 additions and 16 deletions

View File

@ -3,6 +3,7 @@
import {
ChevronLeft,
ChevronRight,
Globe,
RotateCw,
TerminalSquare,
UnfoldVertical,
@ -22,8 +23,13 @@ export default function PreviewWindow({
collapsed ? "h-full" : "h-10"
} select-none w-full flex gap-2`}
>
<div className="h-8 rounded-md px-3 text-xs bg-secondary flex items-center w-full justify-between">
Preview
<div className="h-8 rounded-md px-3 bg-secondary flex items-center w-full justify-between">
<div className="text-xs">
Preview
<span className="inline-block ml-2 items-center font-mono text-muted-foreground">
localhost:3000
</span>
</div>
<div className="flex space-x-1 translate-x-1">
{collapsed ? (
<PreviewButton onClick={open}>