web/parch-cast
8
0
Fork 0
Code Issues 6 Pull requests Projects Releases Packages Wiki Activity Actions

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:
Mobin 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; children: React.ReactNode;
}>) { }>) {
return ( return (
<html lang="fa" dir="rtl" className="dark"> <html lang="fa" dir="rtl" className="dark" suppressHydrationWarning>
<body <body
className={`${Vazir.className} antialiased`} className={`${Vazir.className} antialiased`}
suppressHydrationWarning 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 className="sm:text-lg font-bold mt-1">
پرطرفدارترین اپیزودها پرطرفدارترین اپیزودها
</h4> </h4>
<ul className="flex flex-col gap-1"> <ul className="flex flex-col md:gap-1 gap-2">
<li> <li>
<Link <Link
href={"#"} href={"#"}

7
components/footer-section.tsx
View file

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

2
components/header.tsx
View file

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

4
components/subscribe-section.tsx
View file

@ -23,9 +23,9 @@ export function SubscribeSection() {
<Input <Input
placeholder="ایمیل خود را وارد کنید" placeholder="ایمیل خود را وارد کنید"
type="email" 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" /> <Mail className="md:mr-2 h-4 w-4" />
</Button> </Button>