feat: improve site and partners templates with responsive design adjustments, ensuring better layout and user experience across devices

This commit is contained in:
Ümit Tunç
2026-05-21 08:41:30 +03:00
parent 1b00a3120e
commit 1eab2c856b
2 changed files with 37 additions and 3 deletions
@@ -9,6 +9,20 @@
<style>
.partners-section {
background: linear-gradient(180deg, #f8fafc 0%, #ffffff 35%);
overflow-x: clip;
}
.partners-section .container {
max-width: 100%;
}
.partners-showcase-bg {
top: 50%;
left: 50%;
width: 100%;
max-width: 100%;
height: auto;
transform: translate(-50%, -50%);
z-index: 0;
pointer-events: none;
}
.partner-card {
background: #ffffff;
@@ -263,10 +277,10 @@
@endif
@if($page->content || !empty($partners))
<div class="flex flex-wrap mx-[-15px] xl:mx-[-35px] lg:mx-[-20px] items-center">
<div class="flex flex-wrap mx-[-15px] xl:mx-[-35px] lg:mx-[-20px] items-center overflow-x-clip">
@if(!empty($partners))
<div class="xl:w-7/12 lg:w-7/12 w-full flex-[0_0_auto] xl:!px-[35px] lg:!px-[20px] !px-[15px] !mt-[30px] max-w-full !relative">
<div class="absolute" style="top: 50%; left: 50%; width: 130%; height: auto; transform: translate(-50%,-50%); z-index:0; pointer-events: none;">
<div class="xl:w-7/12 lg:w-7/12 w-full flex-[0_0_auto] min-w-0 xl:!px-[35px] lg:!px-[20px] !px-[15px] !mt-[30px] max-w-full !relative overflow-hidden">
<div class="absolute partners-showcase-bg">
<img class="w-full opacity-40" src="{{ asset('assets/img/photos/blurry.png') }}" alt="" loading="lazy">
</div>
<div class="partners-showcase relative z-[1]">