diff --git a/public/assets/img/platforms/android.svg b/public/assets/img/platforms/android.svg index e327d68..128a53c 100644 --- a/public/assets/img/platforms/android.svg +++ b/public/assets/img/platforms/android.svg @@ -1,3 +1,3 @@ diff --git a/public/assets/img/platforms/huawei.svg b/public/assets/img/platforms/huawei.svg index d5337bd..94a92cc 100644 --- a/public/assets/img/platforms/huawei.svg +++ b/public/assets/img/platforms/huawei.svg @@ -1,3 +1,3 @@ diff --git a/public/assets/img/platforms/ios.svg b/public/assets/img/platforms/ios.svg index c76a4c0..c801485 100644 --- a/public/assets/img/platforms/ios.svg +++ b/public/assets/img/platforms/ios.svg @@ -1,3 +1,3 @@ diff --git a/public/assets/img/platforms/macos.svg b/public/assets/img/platforms/macos.svg index ed01aed..c801485 100644 --- a/public/assets/img/platforms/macos.svg +++ b/public/assets/img/platforms/macos.svg @@ -1,3 +1,3 @@ diff --git a/public/assets/img/platforms/meta-quest.svg b/public/assets/img/platforms/meta-quest.svg index 74d2609..ba56cc5 100644 --- a/public/assets/img/platforms/meta-quest.svg +++ b/public/assets/img/platforms/meta-quest.svg @@ -1,5 +1,3 @@ diff --git a/public/assets/img/platforms/web.svg b/public/assets/img/platforms/web.svg index 4500ade..11f94ab 100644 --- a/public/assets/img/platforms/web.svg +++ b/public/assets/img/platforms/web.svg @@ -1,5 +1,5 @@ diff --git a/resources/views/components/front/platform-badges.blade.php b/resources/views/components/front/platform-badges.blade.php index b3fabd1..6d343f1 100644 --- a/resources/views/components/front/platform-badges.blade.php +++ b/resources/views/components/front/platform-badges.blade.php @@ -4,17 +4,16 @@
class(['app-dev-platforms']) }}> @foreach($platforms as $platform) - + - {!! t($platform['label'] ?? $platform['name']) !!} @endforeach
diff --git a/resources/views/templates/services/app-development.blade.php b/resources/views/templates/services/app-development.blade.php index 8a11585..8c8f698 100644 --- a/resources/views/templates/services/app-development.blade.php +++ b/resources/views/templates/services/app-development.blade.php @@ -44,13 +44,13 @@ line-height: 1; } - /* Desteklenen platform rozetleri */ + /* Platform logoları — kutu/arkaplan yok */ .app-dev-platforms { display: flex; flex-wrap: nowrap; - align-items: stretch; + align-items: center; justify-content: center; - gap: 0.5rem; + gap: 1rem; max-width: 100%; overflow-x: auto; padding-bottom: 0.15rem; @@ -60,6 +60,11 @@ .app-dev-platforms::-webkit-scrollbar { display: none; } + @media (min-width: 576px) { + .app-dev-platforms { + gap: 1.25rem; + } + } @media (min-width: 992px) { .app-dev-platforms { justify-content: flex-start; @@ -67,34 +72,27 @@ overflow-x: visible; } } - .app-dev-platform-pill { + .app-dev-platform-item { display: inline-flex; - flex-direction: column; align-items: center; justify-content: center; - flex: 0 0 4.75rem; - width: 4.75rem; - min-height: 4.75rem; - padding: 0.5rem 0.35rem; - gap: 0.35rem; - color: #343f52; - background: rgba(255, 255, 255, 0.92); - border: 1px solid rgba(52, 63, 82, 0.1); - border-radius: 0.65rem; - text-align: center; + flex: 0 0 auto; + padding: 0; + background: none; + border: none; } .app-dev-platform-icon { display: block; - width: 1.75rem; - height: 1.75rem; + width: 2rem; + height: 2rem; object-fit: contain; flex-shrink: 0; } - .app-dev-platform-label { - font-size: 0.62rem; - font-weight: 600; - line-height: 1.15; - max-width: 100%; + @media (min-width: 576px) { + .app-dev-platform-icon { + width: 2.35rem; + height: 2.35rem; + } } @endpush @@ -108,13 +106,13 @@ ]; $platforms = [ - ['name' => 'Android', 'label' => 'Android', 'logo' => 'android.svg'], - ['name' => 'iOS', 'label' => 'iOS', 'logo' => 'ios.svg'], - ['name' => 'Windows', 'label' => 'Windows', 'logo' => 'windows.svg'], - ['name' => 'macOS', 'label' => 'macOS', 'logo' => 'macos.svg'], - ['name' => 'Huawei AppGallery', 'label' => 'Huawei', 'logo' => 'huawei.svg'], - ['name' => 'Meta Quest', 'label' => 'Quest', 'logo' => 'meta-quest.svg'], - ['name' => 'Web', 'label' => 'Web', 'logo' => 'web.svg'], + ['name' => 'Android', 'logo' => 'android.svg'], + ['name' => 'iOS', 'logo' => 'ios.svg'], + ['name' => 'Windows', 'logo' => 'windows.svg'], + ['name' => 'macOS', 'logo' => 'macos.svg'], + ['name' => 'Huawei AppGallery', 'logo' => 'huawei.svg'], + ['name' => 'Meta Quest', 'logo' => 'meta-quest.svg'], + ['name' => 'Web', 'logo' => 'web.svg'], ]; $features = [