snipette/snipette-crowdfunding-site
snipette/snipette-crowdfunding-site
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Set maximum width for recent pledge tile in mobile

Browse source 
Otherwise, if someone puts a long message it'll come on one line
and make for a very loooong tile, and people being impatient will
soon get bored by it and not end up reaching (and getting tempted
by) the other pledges.
This commit is contained in:
Hippo 2022-01-11 14:58:08 +05:30
parent 08580c1817
commit ca866ef153
1 changed files with 1 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/index.htm.twig
View file

@ -243,7 +243,7 @@
<h4 class="font-sans text-center text-black text-2xl mb-4">Recent Pledges</h4> <h4 class="font-sans text-center text-black text-2xl mb-4">Recent Pledges</h4>
<ul class="font-sans overflow-x-scroll grid grid-flow-col auto-cols-max gap-3 mx-3"> <ul class="font-sans overflow-x-scroll grid grid-flow-col auto-cols-max gap-3 mx-3">
{% for pledge in recent_pledges %} {% for pledge in recent_pledges %}
<li class="bg-white rounded-md p-4"> <li class="bg-white rounded-md p-4 max-w-[14rem]">
<div class="avatar"> <div class="avatar">
<span class="m-auto"> <span class="m-auto">
{% if pledge.get('anonymous') %}?{% else %}{{ pledge.get('name')[:2] }}{% endif %} {% if pledge.get('anonymous') %}?{% else %}{{ pledge.get('name')[:2] }}{% endif %}