From 7125b4902417b7fde8d4b54c2ad30fa61ac438bc Mon Sep 17 00:00:00 2001
From: miloschwartz <mschwartz10612@gmail.com>
Date: Fri, 7 Nov 2025 20:38:36 -0800
Subject: [PATCH] add fade

---
 src/components/LayoutHeader.tsx    |  8 ++++----
 src/components/OrgSelector.tsx     |  4 ++--
 src/components/VerifyEmailForm.tsx |  2 +-
 src/components/ui/data-table.tsx   | 16 ++++++++--------
 src/components/ui/dialog.tsx       |  2 +-
 5 files changed, 16 insertions(+), 16 deletions(-)

diff --git a/src/components/LayoutHeader.tsx b/src/components/LayoutHeader.tsx
index 390e24ac..2a724707 100644
--- a/src/components/LayoutHeader.tsx
+++ b/src/components/LayoutHeader.tsx
@@ -20,11 +20,11 @@ export function LayoutHeader({ showTopBar }: LayoutHeaderProps) {
     const { isUnlocked } = useLicenseStatusContext();
 
     const logoWidth = isUnlocked()
-        ? env.branding.logo?.navbar?.width || 98
-        : 98;
+        ? env.branding.logo?.navbar?.width || 118
+        : 118;
     const logoHeight = isUnlocked()
-        ? env.branding.logo?.navbar?.height || 32
-        : 32;
+        ? env.branding.logo?.navbar?.height || 29.5
+        : 29.5;
 
     useEffect(() => {
         function getPath() {
diff --git a/src/components/OrgSelector.tsx b/src/components/OrgSelector.tsx
index 4a169ae0..0186dae5 100644
--- a/src/components/OrgSelector.tsx
+++ b/src/components/OrgSelector.tsx
@@ -49,7 +49,7 @@ export function OrgSelector({ orgId, orgs, isCollapsed = false }: OrgSelectorPro
         <Popover open={open} onOpenChange={setOpen}>
             <PopoverTrigger asChild>
                 <Button
-                    variant="secondary"
+                    variant="outline"
                     size={isCollapsed ? "icon" : "lg"}
                     role="combobox"
                     aria-expanded={open}
@@ -62,7 +62,7 @@ export function OrgSelector({ orgId, orgs, isCollapsed = false }: OrgSelectorPro
                     ) : (
                         <div className="flex items-center justify-between w-full min-w-0">
                             <div className="flex items-center min-w-0 flex-1">
-                                <Building2 className="h-4 w-4 mr-2 shrink-0" />
+                                <Building2 className="h-4 w-4 mr-3 shrink-0" />
                                 <div className="flex flex-col items-start min-w-0 flex-1">
                                     <span className="font-bold text-sm">
                                         {t('org')}
diff --git a/src/components/VerifyEmailForm.tsx b/src/components/VerifyEmailForm.tsx
index 052ec359..48786bcd 100644
--- a/src/components/VerifyEmailForm.tsx
+++ b/src/components/VerifyEmailForm.tsx
@@ -241,7 +241,7 @@ export default function VerifyEmailForm({
 
                             <Button
                                 type="button"
-                                variant={"secondary"}
+                                variant={"outline"}
                                 className="w-full"
                                 onClick={logout}
                             >
diff --git a/src/components/ui/data-table.tsx b/src/components/ui/data-table.tsx
index 9dfbd5cc..5d12985c 100644
--- a/src/components/ui/data-table.tsx
+++ b/src/components/ui/data-table.tsx
@@ -195,8 +195,8 @@ export function DataTable<TData, TValue>({
 
     // Auto-enable persistence if column visibility is enabled
     // Use explicit persistColumnVisibility if provided, otherwise auto-enable when enableColumnVisibility is true and we have a tableId
-    const shouldPersistColumnVisibility = 
-        persistColumnVisibility === true || 
+    const shouldPersistColumnVisibility =
+        persistColumnVisibility === true ||
         typeof persistColumnVisibility === "string" ||
         (enableColumnVisibility && tableId !== undefined);
 
@@ -320,10 +320,10 @@ export function DataTable<TData, TValue>({
     // Get sticky column classes
     const getStickyClasses = (columnId: string | undefined, accessorKey: string | undefined): string => {
         if (isStickyColumn(columnId, accessorKey, "left")) {
-            return "md:sticky md:left-0 z-10 bg-card";
+            return "md:sticky md:left-0 z-10 bg-card [mask-image:linear-gradient(to_left,transparent_0%,black_20px)]";
         }
         if (isStickyColumn(columnId, accessorKey, "right")) {
-            return "sticky right-0 z-10 w-auto min-w-fit bg-card";
+            return "sticky right-0 z-10 w-auto min-w-fit bg-card [mask-image:linear-gradient(to_right,transparent_0%,black_20px)]";
         }
         return "";
     };
@@ -406,7 +406,7 @@ export function DataTable<TData, TValue>({
                                             const isRightSticky = isStickyColumn(columnId, accessorKey, "right");
                                             const hasHideableColumns = enableColumnVisibility &&
                                                 table.getAllColumns().some((col) => col.getCanHide());
-                                            
+
                                             return (
                                                 <TableHead
                                                     key={header.id}
@@ -435,9 +435,9 @@ export function DataTable<TData, TValue>({
                                                                             .map((column) => {
                                                                                 const columnDef = column.columnDef as any;
                                                                                 const friendlyName = columnDef.friendlyName;
-                                                                                const displayName = friendlyName || 
-                                                                                    (typeof columnDef.header === "string" 
-                                                                                        ? columnDef.header 
+                                                                                const displayName = friendlyName ||
+                                                                                    (typeof columnDef.header === "string"
+                                                                                        ? columnDef.header
                                                                                         : column.id);
                                                                                 return (
                                                                                     <DropdownMenuCheckboxItem
diff --git a/src/components/ui/dialog.tsx b/src/components/ui/dialog.tsx
index 8ea1cdfc..fa81756a 100644
--- a/src/components/ui/dialog.tsx
+++ b/src/components/ui/dialog.tsx
@@ -38,7 +38,7 @@ const DialogContent = React.forwardRef<
         <DialogPrimitive.Content
             ref={ref}
             className={cn(
-                "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 bg-card p-6 duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:scale-95 data-[state=open]:scale-100 sm:rounded-lg",
+                "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-card p-6 duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:scale-95 data-[state=open]:scale-100 sm:rounded-lg",
                 className
             )}
             {...props}