sebastjan/videofolxtv
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Remove unnecessary background blur and gradients from page headers

Browse Source 
Update header component styles in FolxStadlPage, VideoPage, and home pages to remove `backdrop-blur-sm` and `gradient-primary`, setting the logo background to `bg-transparent`.

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:57:18 +00:00
parent c34d6f9d69
commit 549a0b4a78
3 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
client/src/pages/FolxStadlPage.tsx
View File

@ -58,13 +58,13 @@ 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/5 bg-transparent backdrop-blur-sm relative overflow-hidden"> <div className="bg-transparent 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 */}
<div className="flex items-center space-x-4"> <div className="flex items-center space-x-4">
<Link href="/" className="flex items-center space-x-2 hover:opacity-80 transition-opacity"> <Link href="/" className="flex items-center space-x-2 hover:opacity-80 transition-opacity">
<div className="w-9 h-9 gradient-primary rounded-lg flex items-center justify-center shadow-lg"> <div className="w-9 h-9 bg-transparent rounded-lg flex items-center justify-center">
<div className="w-0 h-0 border-l-[10px] border-l-white border-y-[7px] border-y-transparent ml-1"></div> <div className="w-0 h-0 border-l-[10px] border-l-white border-y-[7px] border-y-transparent ml-1"></div>
</div> </div>
<h1 className="text-2xl font-bold text-white tracking-wide">go4.video</h1> <h1 className="text-2xl font-bold text-white tracking-wide">go4.video</h1>

4
client/src/pages/VideoPage.tsx
View File

@ -204,13 +204,13 @@ 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/5 bg-transparent backdrop-blur-sm relative overflow-hidden"> <div className="bg-transparent 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 */}
<div className="flex items-center space-x-4"> <div className="flex items-center space-x-4">
<Link href="/" className="flex items-center space-x-2 hover:opacity-80 transition-opacity"> <Link href="/" className="flex items-center space-x-2 hover:opacity-80 transition-opacity">
<div className="w-9 h-9 gradient-primary rounded-lg flex items-center justify-center shadow-lg"> <div className="w-9 h-9 bg-transparent rounded-lg flex items-center justify-center">
<div className="w-0 h-0 border-l-[10px] border-l-white border-y-[7px] border-y-transparent ml-1"></div> <div className="w-0 h-0 border-l-[10px] border-l-white border-y-[7px] border-y-transparent ml-1"></div>
</div> </div>
<h1 className="text-2xl font-bold text-white tracking-wide">go4.video</h1> <h1 className="text-2xl font-bold text-white tracking-wide">go4.video</h1>

4
client/src/pages/home.tsx
View File

@ -76,13 +76,13 @@ 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/5 bg-transparent backdrop-blur-sm relative overflow-hidden"> <div className="bg-transparent 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 */}
<div className="flex items-center space-x-4"> <div className="flex items-center space-x-4">
<Link href="/" className="flex items-center space-x-2 hover:opacity-80 transition-opacity"> <Link href="/" className="flex items-center space-x-2 hover:opacity-80 transition-opacity">
<div className="w-9 h-9 gradient-primary rounded-lg flex items-center justify-center shadow-lg"> <div className="w-9 h-9 bg-transparent rounded-lg flex items-center justify-center">
<div className="w-0 h-0 border-l-[10px] border-l-white border-y-[7px] border-y-transparent ml-1"></div> <div className="w-0 h-0 border-l-[10px] border-l-white border-y-[7px] border-y-transparent ml-1"></div>
</div> </div>
<h1 className="text-2xl font-bold text-white tracking-wide">go4.video</h1> <h1 className="text-2xl font-bold text-white tracking-wide">go4.video</h1>