Spaces:

sitcod3
/

BRIDGE_Modul-S_prod

Running

BRIDGE_Modul-S_prod / src /components /GlassCard.tsx

build: add Docker support and deployment pipeline

9e7f815 2 months ago

638 Bytes

import { ReactNode } from 'react';
import { cn } from '../utils/cn';

interface GlassCardProps {
  children: ReactNode;
  className?: string;
}

export default function GlassCard({ children, className }: GlassCardProps) {
  return (
    <div className={cn("bg-zinc-950/40 border border-white/5 backdrop-blur-xl rounded-xl shadow-[0_8px_32px_-8px_rgba(0,0,0,0.8)] relative overflow-hidden group", className)}>
      {/* Organic Glow Edge */}
      <div className="absolute inset-0 border border-teal-500/10 rounded-xl pointer-events-none group-hover:border-teal-500/30 transition-colors duration-500" />
      {children}
    </div>
  );
}

	import { ReactNode } from 'react';
	import { cn } from '../utils/cn';

	interface GlassCardProps {
	children: ReactNode;
	className?: string;
	}

	export default function GlassCard({ children, className }: GlassCardProps) {
	return (
	<div className={cn("bg-zinc-950/40 border border-white/5 backdrop-blur-xl rounded-xl shadow-[0_8px_32px_-8px_rgba(0,0,0,0.8)] relative overflow-hidden group", className)}>
	{/* Organic Glow Edge */}
	<div className="absolute inset-0 border border-teal-500/10 rounded-xl pointer-events-none group-hover:border-teal-500/30 transition-colors duration-500" />
	{children}
	</div>
	);
	}