Make page headers more transparent and less intrusive

Update header background and border opacity in multiple page components to create a more subtle visual effect.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 074b0e4c-6171-43bd-aa98-f9e04623ca14
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/074b0e4c-6171-43bd-aa98-f9e04623ca14/lK7HRF1
This commit is contained in:
sebastjanartic 2025-08-30 20:54:10 +00:00
parent 66824ab3ed
commit 12997a2e53
3 changed files with 3 additions and 3 deletions

View File

@ -58,7 +58,7 @@ export default function FolxStadlPage() {
return ( return (
<div className="min-h-screen bg-bunny-dark text-white"> <div className="min-h-screen bg-bunny-dark text-white">
{/* Header */} {/* Header */}
<div className="border-b border-white/10 bg-black/20 backdrop-blur-sm relative overflow-hidden"> <div className="border-b border-white/5 bg-black/5 backdrop-blur-sm relative overflow-hidden">
<div className="max-w-7xl mx-auto px-4 py-4"> <div className="max-w-7xl mx-auto px-4 py-4">
<div className="flex items-center justify-between"> <div className="flex items-center justify-between">
{/* Left side - Logo */} {/* Left side - Logo */}

View File

@ -204,7 +204,7 @@ export default function VideoPage() {
return ( return (
<div className="min-h-screen bunny-dark static-triangles"> <div className="min-h-screen bunny-dark static-triangles">
{/* Header */} {/* Header */}
<div className="border-b border-white/10 bg-black/20 backdrop-blur-sm relative overflow-hidden"> <div className="border-b border-white/5 bg-black/5 backdrop-blur-sm relative overflow-hidden">
<div className="max-w-7xl mx-auto px-4 py-4"> <div className="max-w-7xl mx-auto px-4 py-4">
<div className="flex items-center justify-between"> <div className="flex items-center justify-between">
{/* Left side - Logo */} {/* Left side - Logo */}

View File

@ -76,7 +76,7 @@ export default function Home() {
return ( return (
<div className="min-h-screen bunny-dark static-triangles"> <div className="min-h-screen bunny-dark static-triangles">
{/* Header */} {/* Header */}
<div className="border-b border-white/10 bg-black/20 backdrop-blur-sm relative overflow-hidden"> <div className="border-b border-white/5 bg-black/5 backdrop-blur-sm relative overflow-hidden">
<div className="max-w-7xl mx-auto px-4 py-4"> <div className="max-w-7xl mx-auto px-4 py-4">
<div className="flex items-center justify-between"> <div className="flex items-center justify-between">
{/* Left side - Logo */} {/* Left side - Logo */}