Responsive tweaks
This commit is contained in:
parent
ed09e22061
commit
9e9ce86454
|
@ -1,7 +1,7 @@
|
||||||
<div class="tw-mb-4">
|
<div class="tw-mb-4">
|
||||||
<h3>{{ name }}</h3>
|
<h3>{{ name }}</h3>
|
||||||
|
|
||||||
<div class="tw-flex tw-flex-row-reverse tw--mx-4">
|
<div class="tw-flex tw-flex-col-reverse md:tw-flex-row-reverse tw--mx-4">
|
||||||
<div class="tw-flex-1 tw-px-4">
|
<div class="tw-flex-1 tw-px-4">
|
||||||
{% if description %}
|
{% if description %}
|
||||||
<div>
|
<div>
|
||||||
|
@ -17,8 +17,8 @@
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{% if logo %}
|
{% if logo %}
|
||||||
<div class="tw-flex-none tw-px-4 tw-w-1/4">
|
<div class="tw-flex-none tw-px-4 tw-mb-3 md:tw-mb-0 tw-w-full md:tw-w-1/4">
|
||||||
<img src="/images/sponsors/{{ logo }}" alt="{{ name }} logo" class="tw-max-w-full">
|
<img src="/images/sponsors/{{ logo }}" alt="{{ name }} logo" class="tw-w-48 md:tw-w-auto tw-max-w-full">
|
||||||
</div>
|
</div>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -15,7 +15,7 @@ title: Sponsors
|
||||||
|
|
||||||
<div class="{{ level == 'gold' ? '' : 'tw-flex tw-flex-wrap tw--mx-2' }}">
|
<div class="{{ level == 'gold' ? '' : 'tw-flex tw-flex-wrap tw--mx-2' }}">
|
||||||
{% for sponsor in sponsors %}
|
{% for sponsor in sponsors %}
|
||||||
<article class="{{ level == 'gold' ? 'tw-w-full' : 'tw-w-1/6 tw-px-2 tw-mb-6' }}">
|
<article class="{{ level == 'gold' ? 'tw-w-full' : 'tw-w-1/2 md:tw-w-1/4 lg:tw-w-1/6 tw-px-2 tw-mb-6' }}">
|
||||||
{% set template = (level == 'gold') ? 'sponsors/full' : 'sponsors/teaser' %}
|
{% set template = (level == 'gold') ? 'sponsors/full' : 'sponsors/teaser' %}
|
||||||
{% include template with {
|
{% include template with {
|
||||||
description: sponsor.description,
|
description: sponsor.description,
|
||||||
|
|
Loading…
Reference in a new issue