mirror of
https://github.com/d3/d3.git
synced 2025-12-08 19:46:24 +00:00
avoid reflow on img
This commit is contained in:
parent
dc7beae4ae
commit
9b4d6c1b80
@ -43,7 +43,7 @@ onUnmounted(() => {
|
||||
<div style="margin-left: -100px; margin-right: -100px;">
|
||||
<div :class="$style.examples" ref="container" :style="`transform: perspective(75em) rotateX(35deg) rotateZ(-7deg) translateX(${width / 6 - x / 10}px) translateY(-100px) scale(1.4);`">
|
||||
<a v-for="d in sample" :href="`https://observablehq.com/${d.path}`" :title="[d.title, d.author].join('\n')" target="_blank">
|
||||
<img :src="`https://static.observableusercontent.com/thumbnail/${d.thumbnail}.jpg`" style="object-fit: cover;" />
|
||||
<img :src="`https://static.observableusercontent.com/thumbnail/${d.thumbnail}.jpg`" style="object-fit: cover;" width="640" height="400" />
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user