fix: vertically center card content with image on desktop
This commit is contained in:
@@ -1,6 +1,6 @@
|
|||||||
<template>
|
<template>
|
||||||
<v-card class="product-card">
|
<v-card class="product-card">
|
||||||
<v-row align="start" class="product-card-row">
|
<v-row class="product-card-row">
|
||||||
<!-- Columna de Imagen -->
|
<!-- Columna de Imagen -->
|
||||||
<v-col cols="12" md="4" class="image-column">
|
<v-col cols="12" md="4" class="image-column">
|
||||||
<v-img :src="product.img" class="product-img" contain></v-img>
|
<v-img :src="product.img" class="product-img" contain></v-img>
|
||||||
@@ -375,7 +375,7 @@ export default {
|
|||||||
|
|
||||||
.product-card-row {
|
.product-card-row {
|
||||||
padding: 16px;
|
padding: 16px;
|
||||||
align-items: flex-start;
|
align-items: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.image-column {
|
.image-column {
|
||||||
|
|||||||
Reference in New Issue
Block a user