truncgit/citrus
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files
resources/views/layouts/site.blade.php
+20
View File
@@ -70,6 +70,26 @@ $favicon_path = setting('site_favicon');
@endif
<style>
html {
overflow-x: clip;
max-width: 100%;
}
body {
overflow-x: clip;
max-width: 100%;
}
video,
iframe {
max-width: 100%;
}
header .container,
.wrapper > .container {
max-width: 100%;
}
<?php echo setting('custom_css') ?>
</style>
resources/views/templates/corporate/partners.blade.php
+17 -3
View File
@@ -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]">