Admin Paneli ve Responsive
This commit is contained in:
@@ -143,23 +143,25 @@ export default function Documents() {
|
||||
return (
|
||||
<div className="min-h-screen bg-[#003366]">
|
||||
<Header />
|
||||
<main className="pt-32 pb-16">
|
||||
<main className="pt-24 md:pt-32 pb-16">
|
||||
<div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
||||
<div className="text-center mb-12">
|
||||
<h1 className="text-4xl font-bold text-white mb-4">Belgeler</h1>
|
||||
<p className="text-lg text-white">A2 Metro Hattı proje belgeleri</p>
|
||||
</div>
|
||||
|
||||
<div className="flex justify-center gap-3 mb-12">
|
||||
<div className="flex flex-wrap justify-center gap-2 md:gap-3 mb-12">
|
||||
{categories.map((cat) => (
|
||||
<button
|
||||
key={cat.id}
|
||||
onClick={() => setSelectedCategory(cat.id)}
|
||||
className={`px-6 py-3 rounded-full font-semibold ${
|
||||
selectedCategory === cat.id ? 'bg-[#00B4D8] text-white' : 'bg-white text-[#004B87]'
|
||||
className={`px-3 py-2 md:px-6 md:py-3 rounded-full font-semibold text-sm md:text-base transition-all ${
|
||||
selectedCategory === cat.id ? 'bg-[#00B4D8] text-white shadow-lg scale-105' : 'bg-white text-[#004B87] hover:bg-gray-100'
|
||||
}`}
|
||||
>
|
||||
{cat.icon} {cat.name}
|
||||
<span className="mr-1">{cat.icon}</span>
|
||||
<span className="hidden sm:inline">{cat.name}</span>
|
||||
<span className="sm:hidden">{cat.name.split(' ')[0]}</span>
|
||||
</button>
|
||||
))}
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user