champs-libres/chill.social
7
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

feat(layout): améliorer la mise en page des fonctionnalités avec des ajustements de style et de structure

Browse Source
This commit is contained in:
Boris Waaub
2026-02-09 15:56:33 +01:00
parent f210dc7dcc
commit 60550fe1b8
3 changed files with 30 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files
themes/chill-theme/layouts/partials/shortcodes/feature.html
+6 -6
View File
@@ -11,14 +11,14 @@
{{ $features := split (.features) "," }}
<div class="grid lg:grid-cols-2 gap-12 items-center badge-{{ $badgeColor }}">
<div class="grid lg:grid-cols-3 gap-12 items-center badge-{{ $badgeColor }}">
{{ if eq $imagePosition "left" }}
<div class="order-2 lg:order-1">
<img src="{{ $image | relURL }}" alt="{{ $title }}" class="rounded-xl shadow-elevation">
<div class="order-2 lg:order-1 lg:col-span-2">
<img src="{{ $image | relURL }}" alt="{{ $title }}" class="rounded-xl shadow-elevation w-full object-contain bg-white">
</div>
{{ end }}
<div class="space-y-6 {{ if eq $imagePosition "left" }}order-1 lg:order-2{{ end }}">
<div class="space-y-6 {{ if eq $imagePosition "left" }}order-1 lg:order-2{{ end }} lg:col-span-1">
<style>
.badge {
background-color: color-mix(in srgb, var(--badge-color) 40%, transparent);
@@ -50,8 +50,8 @@
</div>
{{ if ne $imagePosition "left" }}
<div>
<img src="{{ $image | relURL }}" alt="{{ $title }}" class="rounded-xl shadow-elevation">
<div class="lg:col-span-2">
<img src="{{ $image | relURL }}" alt="{{ $title }}" class="rounded-xl shadow-elevation w-full object-contain bg-white">
</div>
{{ end }}
</div>