cdransf/coryd.dev-eleventy
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix: styles

Browse source
This commit is contained in:
Cory Dransfeldt 2024-05-01 18:57:47 -07:00
parent 352a3a53a6
commit 1eae4c6251
No known key found for this signature in database
4 changed files with 6 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

4
src/_includes/partials/now/media-grid.liquid
View file

@ -22,9 +22,9 @@
{%- if loading -%}{{ loading }}{%- else -%}lazy{%- endif -%}
{%- endcapture -%}
{% if shape == 'square' %}
<img src="https://coryd.dev/.netlify/images/?url={{ item.image }}&fit=cover&w=320&h=320&fm=webp&q=85" class="image-banner" alt="{{ alt }}" loading="{{ loadingStrategy }}" decoding="async" />
<img src="https://coryd.dev/.netlify/images/?url={{ item.image }}&fit=cover&w=240&h=240&fm=webp&q=60" alt="{{ alt }}" loading="{{ loadingStrategy }}" decoding="async" />
{% else %}
<img src="https://coryd.dev/.netlify/images/?url={{ item.image }}&fit=cover&w=200&h=307&fm=webp&q=85" class="image-banner" alt="{{ alt }}" loading="{{ loadingStrategy }}" decoding="async" />
<img src="https://coryd.dev/.netlify/images/?url={{ item.image }}&fit=cover&w=200&h=307&fm=webp&q=60" alt="{{ alt }}" loading="{{ loadingStrategy }}" decoding="async" />
{% endif %}
</div>
</a>

10
src/assets/styles/components/media-grid.css
View file

@ -26,7 +26,10 @@
}
& .item-wrapper {
width: 100%;
height: 100%;
position: relative;
display: flex;
&.shadow image::after {
position: absolute;
@ -38,13 +41,6 @@
width: calc(100% - 2px);
height: calc(100% - 1px);
}
& image {
width: 100%;
height: 100%;
position: relative;
display: flex;
}
}
& a:hover img,