refactor: smaller photos in ResistantRow.tsx
parent
883afcd0d1
commit
2d83c4f7fe
|
@ -12,45 +12,22 @@ export const ResistantRow = ({resistant}: Props) => {
|
||||||
<>
|
<>
|
||||||
<div className="row sqs-row" onClick={() => navigate(resistant.noms)}>
|
<div className="row sqs-row" onClick={() => navigate(resistant.noms)}>
|
||||||
<div className="col sqs-col-4 span-4" id="yui_3_17_2_1_1674987238932_138">
|
<div className="col sqs-col-4 span-4" id="yui_3_17_2_1_1674987238932_138">
|
||||||
<div className="sqs-block image-block sqs-block-image sqs-text-ready" data-block-type="5"
|
<div
|
||||||
id="block-yui_3_17_2_1_1662985860031_30104">
|
className="sqs-block image-block sqs-block-image sqs-text-ready"
|
||||||
|
data-block-type="5"
|
||||||
|
id="block-yui_3_17_2_1_1662985860031_30104"
|
||||||
|
style={{paddingBottom: "5px"}}
|
||||||
|
>
|
||||||
<div className="sqs-block-content" id="yui_3_17_2_1_1674987238932_137">
|
<div className="sqs-block-content" id="yui_3_17_2_1_1674987238932_137">
|
||||||
<div
|
<div
|
||||||
className="image-block-outer-wrapper layout-caption-below design-layout-inline combination-animation-none individual-animation-none individual-text-animation-none sqs-narrow-width"
|
className="image-block-outer-wrapper layout-caption-below design-layout-inline combination-animation-none individual-animation-none individual-text-animation-none sqs-narrow-width"
|
||||||
data-test="image-block-inline-outer-wrapper" id="yui_3_17_2_1_1674987238932_136">
|
data-test="image-block-inline-outer-wrapper" id="yui_3_17_2_1_1674987238932_136"
|
||||||
|
>
|
||||||
<figure className="sqs-block-image-figure intrinsic " style={{maxWidth: "2048px"}}
|
<img
|
||||||
id="yui_3_17_2_1_1674987238932_135">
|
src={`https://enfance-libre.frama.io/resistants/assets/${resistant.id}.jpg`}
|
||||||
|
alt="Jonathan Attias et Caroline Perez"
|
||||||
<div className="image-block-wrapper" data-animation-role="image"
|
style={{width: "200px", height: "200px"}}
|
||||||
id="yui_3_17_2_1_1674987238932_134">
|
/>
|
||||||
<div className="sqs-image-shape-container-element has-aspect-ratio "
|
|
||||||
style={{position: "relative", overflow: "hidden"}}
|
|
||||||
id="yui_3_17_2_1_1674987238932_133">
|
|
||||||
|
|
||||||
<noscript>
|
|
||||||
<img
|
|
||||||
src={`https://enfance-libre.frama.io/resistants/assets/${resistant.id}.jpg`}
|
|
||||||
alt="Jonathan Attias et Caroline Perez"/></noscript>
|
|
||||||
<img className="thumb-image loaded"
|
|
||||||
data-src={`https://enfance-libre.frama.io/resistants/assets/${resistant.id}.jpg`}
|
|
||||||
data-image={`https://enfance-libre.frama.io/resistants/assets/${resistant.id}.jpg`}
|
|
||||||
data-image-dimensions="2048x2048" data-image-focal-point="0.5,0.5"
|
|
||||||
data-load="false" data-image-id="63cfa9c1bc68a5418b4a2126"
|
|
||||||
data-type="image"
|
|
||||||
style={{
|
|
||||||
left: 0,
|
|
||||||
top: 0,
|
|
||||||
width: "100%",
|
|
||||||
height: "100%",
|
|
||||||
position: "absolute"
|
|
||||||
}}
|
|
||||||
alt={resistant.noms} data-image-resolution="500w"
|
|
||||||
src={`https://enfance-libre.frama.io/resistants/assets/${resistant.id}.jpg`}
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</figure>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -40,8 +40,8 @@
|
||||||
.sqs-block {
|
.sqs-block {
|
||||||
position: relative;
|
position: relative;
|
||||||
height: auto;
|
height: auto;
|
||||||
padding-top: 17px;
|
padding-top: 10px;
|
||||||
padding-bottom: 17px;
|
padding-bottom: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.sqs-block-html .sqs-block-content > :first-child {
|
.sqs-block-html .sqs-block-content > :first-child {
|
||||||
|
|
Loading…
Reference in New Issue