forge-joniko/ldc-legaulois
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Merge branch 'issue-120' into 'le-gaulois-2024'

Browse source 
fix: 💄 correct display issue commitment 3

See merge request ldc-web/projets/le-gaulois!121
This commit is contained in:
Vincent BRIDIER 2024-09-20 09:53:51 +00:00
commit 194be2ed53
2 changed files with 18 additions and 32 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
resources/views/fo/pages/commitments/eat.blade.php
View file

@ -129,21 +129,6 @@
'background_color' => 'white',
])
{{-- PARAGRAPH WITH PICTURE --}}
@php
$newsCategory = new stdClass();
$newsCategory->title = __('Actu');
$newsModel = new stdClass();
$newsModel->title = __('découvrez notre charte nutritionnelle pour alliers plaisir et santé');
$newsModel->slug = str($newsModel->title)->slug();
$newsModel->thumbnail = Vite::asset('resources/assets/images/commitments/pictograms/picto-medications.svg');
$newsModel->thumbnail_alt = __('Pictogramme de plusieurs médicaments.');
$newsModel->thumbnail_title = __('Pictogramme d’une diminution de l’utilisation des antibiotiques.');
$newsModel->date = now()->subDays(rand(0, 31));
$newsModel->link = 'FIXME: route to the news';
$newsModel->newsCategory = $newsCategory;
$newsModel->updated_at = now();
@endphp
@include('fo.partials.commitments.paragraph-with-visual', [
'title' => __('découvrez notre charte nutrionnelle pour allier plaisir et santé'),
'text' => __(
@ -154,7 +139,6 @@
'picture_alt' => __('Photo d’une famille prenant le repas du midi.'),
'picture_title' => __('Photo d’une famille prenant le repas du midi.'),
'reversedMobile' => true,
'newsModel' => $newsModel,
])
{{-- BANNER TEXT --}}
@php

34
resources/views/fo/partials/commitments/visual-with-cards.blade.php
View file

@ -1,15 +1,17 @@
<section id="commitments-visual-with-cards" class="position-relative">
<section class="position-relative" id="commitments-visual-with-cards">
<div class="line-border-large bg-tertiary pb-5">
<div
class="container d-flex flex-column flex-md-row justify-content-center justify-content-evenly align-items-start pt-5 pb-4">
<div class="d-flex flex-column flex-md-row justify-content-center justify-content-evenly align-items-start container pb-4 pt-5">
<div class="row justify-content-evenly align-items-start gx-5">
<div class="col-12 mb-3">
<h2>{{ $title }}</h2>
</div>
<div class="col-12 col-md-5">
<div class="bottom-left-shadow mb-3">
<img class="line-border-small bg-white p-3 img-fluid" src="{{ Vite::asset($picture) }}"
alt="{{ $picture_alt }}" title="{{ $picture_title }}">
<div class="line-border-small bg-white p-2">
<img class="line-border-small img-fluid" src="{{ Vite::asset($picture) }}" title="{{ $picture_title }}"
alt="{{ $picture_alt }}">
</div>
</div>
<div class="bottom-left-shadow mb-3">
<div class="line-border-small bg-white p-3">
@ -18,20 +20,20 @@
</div>
</div>
<div class="col-12 col-md-7">
<div class="row w-100 mx-auto gx-5">
<div class="row w-100 gx-5 mx-auto">
<div class="col-12">
{!! $subtext !!}
</div>
<div class="col-12">
<div class="row w-100 mx-auto">
<div class="col-6">
<div class="col-12 col-md-6">
@foreach ($collection->slice(0, 2) as $item)
<div class="custom-card bottom-left-shadow position-relative my-4">
<div class="position-absolute d-flex justify-content-between align-items-center w-100 z-1">
<p class="h6 m-0 p-2 text-white bg-secondary rotate-left">
<p class="h6 bg-secondary rotate-left m-0 p-2 text-white">
{{ $item->title }}</p>
<img class="img-fluid" src="{{ Vite::asset($item->picto) }}"
alt="{{ $item->picto_alt }}" title="{{ $item->picto_title }}">
title="{{ $item->picto_title }}" alt="{{ $item->picto_alt }}">
</div>
<div class="line-border-small bg-white p-3 pt-5">
{!! $item->text !!}
@ -39,14 +41,14 @@
</div>
@endforeach
</div>
<div class="col-6">
<div class="col-12 col-md-6">
@foreach ($collection->slice(2, 2) as $item)
<div class="custom-card bottom-left-shadow position-relative my-4">
<div class="position-absolute d-flex justify-content-between align-items-center w-100 z-1">
<p class="h6 m-0 p-2 text-white bg-secondary rotate-left">
<p class="h6 bg-secondary rotate-left m-0 p-2 text-white">
{{ $item->title }}</p>
<img class="img-fluid" src="{{ Vite::asset($item->picto) }}"
alt="{{ $item->picto_alt }}" title="{{ $item->picto_title }}">
title="{{ $item->picto_title }}" alt="{{ $item->picto_alt }}">
</div>
<div class="line-border-small bg-white p-3 pt-5">
{!! $item->text !!}
@ -56,13 +58,13 @@
</div>
<div class="col-12">
<div class="custom-card bottom-left-shadow position-relative">
<div class="position-absolute w-fit z-1">
<p class="h6 m-0 p-2 text-white bg-secondary rotate-left">
<div class="position-absolute z-1 w-fit">
<p class="h6 bg-secondary rotate-left m-0 p-2 text-white">
{{ $collection->last()->title }}</p>
</div>
<div class="line-border-small bg-white d-flex justify-content-between align-items-center p-3">
<div class="line-border-small d-flex justify-content-between align-items-center bg-white p-3">
<img class="img-fluid" src="{{ Vite::asset($collection->last()->picto) }}"
alt="{{ $collection->last()->picto_alt }}" title="{{ $collection->last()->picto_title }}">
title="{{ $collection->last()->picto_title }}" alt="{{ $collection->last()->picto_alt }}">
<div class="ms-2">
{!! $collection->last()->text !!}
</div>