|
|
@@ -1,5 +1,5 @@
|
|
|
<template>
|
|
|
- <q-card flat bordered class="package-card">
|
|
|
+ <q-card flat bordered class="package-card cursor-pointer" @click="$emit('click')">
|
|
|
<q-card-section class="q-pa-md">
|
|
|
<div class="text-subtitle1 text-weight-bold">{{ pkg.name }}</div>
|
|
|
<div class="text-body2 text-grey-6 q-mb-sm">{{ pkg.quantity_classes }} Aulas</div>
|
|
|
@@ -24,10 +24,17 @@ defineProps({
|
|
|
required: true,
|
|
|
},
|
|
|
});
|
|
|
+
|
|
|
+defineEmits(["click"]);
|
|
|
</script>
|
|
|
|
|
|
<style scoped>
|
|
|
.package-card {
|
|
|
border-radius: 12px;
|
|
|
+ transition: box-shadow 0.2s;
|
|
|
+}
|
|
|
+
|
|
|
+.package-card:hover {
|
|
|
+ box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
|
|
|
}
|
|
|
</style>
|
