Skip to content

Ml/card redesigned #1

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
minuitcinq wants to merge 2 commits into
base: master
Choose a base branch
from
Open

Ml/card redesigned #1

Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
9de1ae0
redesigned
minuitcinq Aug 21, 2024
406c96a
stretched-link
minuitcinq Aug 21, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
18 changes: 9 additions & 9 deletions views/pages/widget-events.hbs
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -13,22 +13,22 @@
<div class="grid grid-cols-1 sm:grid-cols-3 gap-4 max-h">
{{#each events}}
{{!-- <div class="border-b border-white pb-2"> --}}
<div class="grid grid-cols-5 gap-0 w-full relative p-2 bg-red-900 shadow-lg">
<div class="grid grid-cols-5 gap-0 w-full relative p-2 bg-orange-50 shadow-lg">
<div class="col-span-1">
<img class="w-full h-full object-cover border-white border" src="{{ this.data.imageUrl }}" alt="{{ this.data.title }}" />
<img class="w-full h-full object-cover border-black border" src="{{ this.data.imageUrl }}" alt="{{ this.data.title }}" />
</div>
<div class="col-span-4 pl-1">
<div class="col-span-4 pl-2">
<div class="grid grid-cols-3 gap-0 w-full">
<p class="col-span-1 bg-white text-black semibold text-[12px] items-center p-1">{{ format_date this.data.dateTime }}</p>
<p class="col-span-1 bg-red-800 text-white text-[12px] items-center p-1" style="font-weight: 600;">{{ format_date this.data.dateTime }}</p>
<div class="col-span-2 grid grid-cols-6 items-center text-right p-1">
<p class="col-span-5 text-white text-[8px]">{{ this.data.venue.name }}</p>
<a class="col-span-1 text-right ml-1" href="#"><svg width="15" height="15" fill="#ffffff" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 92 92" enable-background="new 0 0 92 92" xml:space="preserve"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path id="XMLID_89_" d="M43.3,73.8c-0.8,0-1.6-0.3-2.2-0.8c-1-0.8-1.5-2.1-1.2-3.4l4.9-25l-2.7,1.5c-1.7,0.9-3.8,0.4-4.8-1.3 c-0.9-1.7-0.4-3.8,1.3-4.8l9.3-5.3c1.2-0.7,2.7-0.6,3.8,0.2c1.1,0.8,1.6,2.2,1.4,3.5L48,64.4l4.2-1.8c1.8-0.8,3.8,0,4.6,1.8 c0.8,1.8,0,3.8-1.8,4.6l-10.3,4.5C44.3,73.7,43.8,73.8,43.3,73.8z M53.2,26c0.9-0.9,1.5-2.2,1.5-3.5c0-1.3-0.5-2.6-1.5-3.5 c-0.9-0.9-2.2-1.5-3.5-1.5c-1.3,0-2.6,0.5-3.5,1.5c-0.9,0.9-1.5,2.2-1.5,3.5c0,1.3,0.5,2.6,1.5,3.5c0.9,0.9,2.2,1.5,3.5,1.5 C51,27.5,52.3,27,53.2,26z M92,46C92,20.6,71.4,0,46,0S0,20.6,0,46s20.6,46,46,46S92,71.4,92,46z M84,46c0,21-17,38-38,38S8,67,8,46 S25,8,46,8S84,25,84,46z"></path> </g></svg></a>
<p class="col-span-5 text-black text-[8px]">{{ this.data.venue.name }}</p>
<a class="col-span-1 text-right ml-1" href="#"><svg width="15" height="15" fill="#000" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 92 92" enable-background="new 0 0 92 92" xml:space="preserve"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path id="XMLID_89_" d="M43.3,73.8c-0.8,0-1.6-0.3-2.2-0.8c-1-0.8-1.5-2.1-1.2-3.4l4.9-25l-2.7,1.5c-1.7,0.9-3.8,0.4-4.8-1.3 c-0.9-1.7-0.4-3.8,1.3-4.8l9.3-5.3c1.2-0.7,2.7-0.6,3.8,0.2c1.1,0.8,1.6,2.2,1.4,3.5L48,64.4l4.2-1.8c1.8-0.8,3.8,0,4.6,1.8 c0.8,1.8,0,3.8-1.8,4.6l-10.3,4.5C44.3,73.7,43.8,73.8,43.3,73.8z M53.2,26c0.9-0.9,1.5-2.2,1.5-3.5c0-1.3-0.5-2.6-1.5-3.5 c-0.9-0.9-2.2-1.5-3.5-1.5c-1.3,0-2.6,0.5-3.5,1.5c-0.9,0.9-1.5,2.2-1.5,3.5c0,1.3,0.5,2.6,1.5,3.5c0.9,0.9,2.2,1.5,3.5,1.5 C51,27.5,52.3,27,53.2,26z M92,46C92,20.6,71.4,0,46,0S0,20.6,0,46s20.6,46,46,46S92,71.4,92,46z M84,46c0,21-17,38-38,38S8,67,8,46 S25,8,46,8S84,25,84,46z"></path> </g></svg></a>
</div>
</div>
<p class="mr-auto text-[14px] text-white">{{ render_short_title this.data.title }}</p>
<p class="text-[10px] text-white">{{ render_short_description this.data.description }}</p>
<p class="mr-auto text-[14px] text-black" style="font-weight: 600;">{{ render_short_title this.data.title }}</p>
<p class="text-[10px] text-black">{{ render_short_description this.data.description }}</p>
<div class="col-span-4 grid grid-cols-1 gap-0 w-full relative">
<button class="col-span-1 border border-white text-white text-[12px] w-full py-2 mt-1">Réserver ma place</button>
<button class="col-span-1 border border-black border-2 text-black hover:bg-black hover:text-white text-[12px] w-full py-2 mt-1 after:absolute after:inset-0" style="font-weight: 600;">Réserver ma place</button>
</div>
</div>

Expand Down