web/parch-cast
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Refactor layout and component styles for improved responsiveness; add suppressHydrationWarning to layout, adjust padding in footer based on pathname, and enhance subscribe section button styles.

Browse Source
This commit is contained in:
Bravemobin
2025-03-26 23:19:52 +03:30
parent 67583ec248
commit c755dcc5ae
5 changed files with 11 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
app/layout.tsx
View File

@@ -29,7 +29,7 @@ export default function RootLayout({
children: React.ReactNode;
}>) {
return (
<html lang="fa" dir="rtl" className="dark">
<html lang="fa" dir="rtl" className="dark" suppressHydrationWarning>
<body
className={`${Vazir.className} antialiased`}
suppressHydrationWarning

2
app/podcast/[id]/page.tsx
View File

@@ -148,7 +148,7 @@ export default function Podcast() {
<h4 className="sm:text-lg font-bold mt-1">
پرطرفدارترین اپیزودها
</h4>
<ul className="flex flex-col gap-1">
<ul className="flex flex-col md:gap-1 gap-2">
<li>
<Link
href={"#"}

7
components/footer-section.tsx
View File

@@ -1,13 +1,18 @@
"use client";
import { Github, Instagram, Twitter, Youtube } from "lucide-react";
import Image from "next/image";
import { Footer, FooterBottom, FooterColumn, FooterContent } from "./ui/footer";
import Link from "next/link";
import { usePathname } from "next/navigation";
export default function FooterSection() {
const pathname = usePathname();
return (
<footer className="w-full bg-background">
<div className="mx-auto">
<Footer>
<Footer className={`${pathname.includes("/podcast/") ? "pb-12" : ""}`}>
<FooterContent className="container">
<FooterColumn className="col-span-2 sm:col-span-3 md:col-span-1">
<div className="flex items-center">

2
components/header.tsx
View File

@@ -65,7 +65,7 @@ export default function Header() {
</Link>
{/* Right Section */}
<div className="flex gap-2">
<Button variant="outline" className="bg-parch cursor-pointer">
<Button className="bg-parch cursor-pointer">
<span className="md:block hidden">ورود | ثبت نام</span>
<LogIn className="md:hidden block" />
</Button>

4
components/subscribe-section.tsx
View File

@@ -23,9 +23,9 @@ export function SubscribeSection() {
<Input
placeholder="ایمیل خود را وارد کنید"
type="email"
className="sm:min-w-[300px]"
className="sm:min-w-[300px] bg-background border-2 h-10 py-4"
/>
<Button className="bg-parch">
<Button className="bg-parch border" size={"lg"}>
مشترک شوید
<Mail className="md:mr-2 h-4 w-4" />
</Button>