chore: minor style updates (#109)

Signed-off-by: Mark Phelps <[email protected]> Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>
get-glu · Dec 5, 2024 · 95bd09d · 95bd09d
1 parent 80f2d7d
commit 95bd09d
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 12 deletions.
diff --git a/ui/src/components/phase-history.tsx b/ui/src/components/phase-history.tsx
@@ -60,10 +60,8 @@ export function PhaseHistory({ pipelineId, phaseId }: PhaseHistoryProps) {
           </TooltipProvider>
         </SheetTrigger>
         <SheetContent>
-          <SheetHeader className="flex flex-col gap-1">
-            <SheetTitle className="underline decoration-primary decoration-1 underline-offset-8">
-              {phaseId}
-            </SheetTitle>
+          <SheetHeader className="flex flex-col gap-1 border-b border-b-muted pb-4">
+            <SheetTitle>{phaseId}</SheetTitle>
             <SheetDescription>Phase History</SheetDescription>
           </SheetHeader>
           <div className="mt-6 max-h-[calc(100vh-8rem)] space-y-6">

diff --git a/ui/src/components/phase-panel.tsx b/ui/src/components/phase-panel.tsx
@@ -16,16 +16,14 @@ export function PhasePanel({ node, isExpanded, onToggle }: PhasePanelProps) {
 
   return (
     <div className="flex flex-col border-t bg-background">
-      <div className="flex items-center justify-between px-4 py-2">
+      <div className="flex items-center justify-between border-b border-b-muted px-4 py-2">
         <div className="flex items-center gap-2">
           {node.data.kind === 'oci' ? (
             <Package className="h-4 w-4" />
           ) : (
             <GitBranch className="h-4 w-4" />
           )}
-          <h2 className="text-lg font-semibold underline decoration-primary decoration-1 underline-offset-8">
-            {descriptor.metadata.name}
-          </h2>
+          <h2 className="text-lg font-semibold">{descriptor.metadata.name}</h2>
         </div>
         <Button variant="ghost" size="sm" onClick={onToggle}>
           {isExpanded ? <ChevronDown className="h-4 w-4" /> : <ChevronUp className="h-4 w-4" />}

diff --git a/ui/src/components/phase-state-details.tsx b/ui/src/components/phase-state-details.tsx
@@ -33,11 +33,9 @@ export function PhaseStateDetails({
     <>
       <Dialog open={isOpen} onOpenChange={onClose}>
         <DialogContent className="flex max-h-[90vh] max-w-4xl flex-col rounded-lg p-10 shadow-lg">
-          <DialogHeader className="flex flex-row items-center justify-between">
+          <DialogHeader className="flex flex-row items-center justify-between border-b border-b-muted pb-4">
             <div className="flex w-full items-center justify-between">
-              <DialogTitle className="text-xl font-semibold underline decoration-primary decoration-1 underline-offset-8">
-                {phaseId}
-              </DialogTitle>
+              <DialogTitle className="text-xl font-semibold">{phaseId}</DialogTitle>
               {latest ? (
                 <Button variant="outline" className="cursor-default dark:text-primary" size="sm">
                   Current Version