From 8fc7a5ea12ae38da6fb1b0d973dbfad03b80f7f7 Mon Sep 17 00:00:00 2001
From: wbuezas <wbuezas@verdnatura.es>
Date: Wed, 3 Jan 2024 16:55:48 -0300
Subject: [PATCH] Aplicar clases a close-icon en el css
---
src/components/FormModelPopup.vue | 14 ++++++++------
1 file changed, 8 insertions(+), 6 deletions(-)
diff --git a/src/components/FormModelPopup.vue b/src/components/FormModelPopup.vue
index 9021adc46..c314f6897 100644
--- a/src/components/FormModelPopup.vue
+++ b/src/components/FormModelPopup.vue
@@ -62,12 +62,7 @@ const closeForm = () => {
@on-data-saved="onDataSaved()"
>
<template #form="{ data, validate }">
- <span
- ref="closeButton"
- class="absolute cursor-pointer"
- style="top: 20px; right: 20px"
- v-close-popup
- >
+ <span ref="closeButton" class="close-icon" v-close-popup>
<QIcon name="close" size="sm" />
</span>
<h1 class="title">{{ title }}</h1>
@@ -102,4 +97,11 @@ const closeForm = () => {
font-weight: bold;
line-height: 20px;
}
+
+.close-icon {
+ position: absolute;
+ top: 20px;
+ right: 20px;
+ cursor: pointer;
+}
</style>