Unified · Split
| @@ -109,7 +109,6 @@ export function ThreadDetailsPanel(props: ThreadDetailsPanelProps) { · 108 unmodified lines | |||
| 109 | <div | 109 | <div |
| 110 | className={cn( | 110 | className={cn( |
| 111 | "panel-glass overflow-hidden rounded-[20px]", | 111 | "panel-glass overflow-hidden rounded-[20px]", |
| 112 | props.mode === "popover" && "panel-glass-elevated", | ||
| 113 | props.mode === "inline" ? "max-h-full" : "max-h-[calc(100dvh-6.5rem)]", | 112 | props.mode === "inline" ? "max-h-full" : "max-h-[calc(100dvh-6.5rem)]", |
| 114 | )} | 113 | )} |
| 115 | data-thread-details-card | 114 | data-thread-details-card |
| @@ -706,14 +706,6 @@ html[data-mobile-composer-route-transition="true"]::view-transition-old(t3-mobil · 705 unmodified lines | |||
| 706 | backdrop-filter: blur(var(--glass-blur)) saturate(var(--glass-saturation)); | 706 | backdrop-filter: blur(var(--glass-blur)) saturate(var(--glass-saturation)); |
| 707 | } | 707 | } |
| 708 | 708 | ||
| 709 | .panel-glass-elevated::before { | ||
| 710 | background: color-mix( | ||
| 711 | in srgb, | ||
| 712 | var(--popover) 50%, | ||
| 713 | color-mix(in srgb, var(--background) var(--glass-opacity), transparent) | ||
| 714 | ); | ||
| 715 | } | ||
| 716 | |||
| 717 | .dialog-glass { | 709 | .dialog-glass { |
| 718 | border-color: color-mix(in srgb, var(--foreground) 10%, transparent); | 710 | border-color: color-mix(in srgb, var(--foreground) 10%, transparent); |
| 719 | box-shadow: 0 24px 64px -24px rgb(0 0 0 / 65%); | 711 | box-shadow: 0 24px 64px -24px rgb(0 0 0 / 65%); |