enfance-libre
/
resistants
mirror of https://framagit.org/enfance-libre/resistants
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

refactor: smaller photos in ResistantRow.tsx

proto-module-actu-react
Jalil Arfaoui 2023-02-07 00:49:14 +01:00
parent 883afcd0d1
commit 2d83c4f7fe
2 changed files with 15 additions and 38 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

49
src/routes/ResistantRow.tsx
View File

@ -12,45 +12,22 @@ export const ResistantRow = ({resistant}: Props) => {
<>
<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="sqs-block image-block sqs-block-image sqs-text-ready" data-block-type="5"
id="block-yui_3_17_2_1_1662985860031_30104">
<div
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="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">
<figure className="sqs-block-image-figure intrinsic " style={{maxWidth: "2048px"}}
id="yui_3_17_2_1_1674987238932_135">
<div className="image-block-wrapper" data-animation-role="image"
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>
data-test="image-block-inline-outer-wrapper" id="yui_3_17_2_1_1674987238932_136"
>
<img
src={`https://enfance-libre.frama.io/resistants/assets/${resistant.id}.jpg`}
alt="Jonathan Attias et Caroline Perez"
style={{width: "200px", height: "200px"}}
/>
</div>
</div>
</div>

4
src/style/SquareSpace/blocks.css
View File

@ -40,8 +40,8 @@
.sqs-block {
position: relative;
height: auto;
padding-top: 17px;
padding-bottom: 17px;
padding-top: 10px;
padding-bottom: 10px;
}
.sqs-block-html .sqs-block-content > :first-child {