agartha/gulermak_metro
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Admin Paneli ve Responsive

Browse Source
This commit is contained in:
Şahan Hasret
2025-10-22 16:46:41 +03:00
parent c5027a997b
commit ab43ad61e9
14 changed files with 2032 additions and 215 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
app/medya/page.tsx
View File

@@ -94,7 +94,7 @@ export default function MediaGallery() {
<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">
{/* Başlık */}
<div className="text-center mb-12">
@@ -107,10 +107,10 @@ export default function MediaGallery() {
</div>
{/* Tab Menü */}
<div className="flex justify-center space-x-4 mb-8">
<div className="flex flex-wrap justify-center gap-2 md:gap-4 mb-8">
<button
onClick={() => setSelectedTab('all')}
className={`px-6 py-3 rounded-lg font-semibold transition-all duration-300 ${
className={`px-4 py-2 md:px-6 md:py-3 rounded-lg font-semibold text-sm md:text-base transition-all duration-300 ${
selectedTab === 'all'
? 'bg-[#00B4D8] text-white shadow-lg scale-105'
: 'bg-white text-[#004B87] hover:bg-gray-100'
@@ -120,26 +120,26 @@ export default function MediaGallery() {
</button>
<button
onClick={() => setSelectedTab('video')}
className={`px-6 py-3 rounded-lg font-semibold transition-all duration-300 flex items-center space-x-2 ${
className={`px-4 py-2 md:px-6 md:py-3 rounded-lg font-semibold text-sm md:text-base transition-all duration-300 flex items-center space-x-1 md:space-x-2 ${
selectedTab === 'video'
? 'bg-[#00B4D8] text-white shadow-lg scale-105'
: 'bg-white text-[#004B87] hover:bg-gray-100'
}`}
>
<svg className="w-5 h-5" fill="currentColor" viewBox="0 0 24 24">
<svg className="w-4 h-4 md:w-5 md:h-5" fill="currentColor" viewBox="0 0 24 24">
<path d="M17 10.5V7c0-.55-.45-1-1-1H4c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h12c.55 0 1-.45 1-1v-3.5l4 4v-11l-4 4z"/>
</svg>
<span>Videolar</span>
</button>
<button
onClick={() => setSelectedTab('photo')}
className={`px-6 py-3 rounded-lg font-semibold transition-all duration-300 flex items-center space-x-2 ${
className={`px-4 py-2 md:px-6 md:py-3 rounded-lg font-semibold text-sm md:text-base transition-all duration-300 flex items-center space-x-1 md:space-x-2 ${
selectedTab === 'photo'
? 'bg-[#00B4D8] text-white shadow-lg scale-105'
: 'bg-white text-[#004B87] hover:bg-gray-100'
}`}
>
<svg className="w-5 h-5" fill="currentColor" viewBox="0 0 24 24">
<svg className="w-4 h-4 md:w-5 md:h-5" fill="currentColor" viewBox="0 0 24 24">
<path d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-4.86 8.86l-3 3.87L9 13.14 6 17h12l-3.86-5.14z"/>
</svg>
<span>Fotoğraflar</span>