Skip to content

Commit

Permalink
update css for product img
Browse files Browse the repository at this point in the history
  • Loading branch information
matuskosut committed Feb 15, 2024
1 parent 8d30415 commit e0e5aaa
Showing 1 changed file with 16 additions and 1 deletion.
17 changes: 16 additions & 1 deletion pages/.vitepress/components/ProductSlider.vue
Original file line number Diff line number Diff line change
Expand Up @@ -42,7 +42,7 @@ export default {
<div :class="sliderClasses">
<a v-for="item in items" :key="item.title" :href="item.href" class="group-slider-item">
<!-- <div class="group-slider-item-title">{{ item.title }}</div> -->
<img :src="item.img" :alt="item.title" style="margin-top: -36px;" />
<img class="group-slider-item-img" :src="item.img" :alt="item.title" />
<div class="group-slider-item-text">
{{ item.text }}
</div>
Expand Down Expand Up @@ -130,6 +130,21 @@ export default {
margin-bottom: 12px;
}
.group-slider-item-img {
max-width: 220px;
margin-top: -36px;
transition: all .6s ease;
-webkit-transition: all .6s ease;
}
.group-slider-item-img:hover {
max-width: 230px;
margin-top: -46px;
margin-left: -5px;
transition: all .2s ease;
-webkit-transition: all .2s ease;
}
.group-slider-item-text {
padding-top: 20px;
line-height: 18px;
Expand Down

0 comments on commit e0e5aaa

Please sign in to comment.