wires/hypnagaga
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

#95 FeaturePhoto

Browse source
This commit is contained in:
Jon McClure 2023-07-29 20:53:30 +01:00
parent 29a9138322
commit e19c6f9cde
1 changed files with 11 additions and 20 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

31
src/components/FeaturePhoto/FeaturePhoto.svelte
View file

@ -85,12 +85,12 @@
<figure
bind:this="{container}"
aria-label="media"
class="mt-0 mx-0 mb-6 flex flex-col relative"
class="w-full mt-0 mx-0 mb-6 flex flex-col relative"
>
{#if !lazy || (intersectable && intersecting)}
<img class="m-0" src="{src}" alt="{altText}" />
<img class="w-full m-0" src="{src}" alt="{altText}" />
{:else}
<div class="placeholder" style="{`height: ${height}px;`}"></div>
<div class="placeholder w-full" style="{`height: ${height}px;`}"></div>
{/if}
{#if caption}
<PaddingReset containerIsFluid="{width === 'fluid'}">
@ -106,23 +106,14 @@
</Block>
<style lang="scss">
figure {
width: 100%;
.placeholder {
background-color: #ccc;
}
img {
width: 100%;
}
.placeholder {
background-color: #ccc;
width: 100%;
}
div.alt-warning {
background-color: red;
color: white;
top: 0;
right: 0;
}
div.alt-warning {
background-color: red;
color: white;
top: 0;
right: 0;
}
</style>