Aplicar clases a close-icon en el css
This commit is contained in:
parent
a66b88ba8e
commit
8fc7a5ea12
src/components
|
@ -62,12 +62,7 @@ const closeForm = () => {
|
||||||
@on-data-saved="onDataSaved()"
|
@on-data-saved="onDataSaved()"
|
||||||
>
|
>
|
||||||
<template #form="{ data, validate }">
|
<template #form="{ data, validate }">
|
||||||
<span
|
<span ref="closeButton" class="close-icon" v-close-popup>
|
||||||
ref="closeButton"
|
|
||||||
class="absolute cursor-pointer"
|
|
||||||
style="top: 20px; right: 20px"
|
|
||||||
v-close-popup
|
|
||||||
>
|
|
||||||
<QIcon name="close" size="sm" />
|
<QIcon name="close" size="sm" />
|
||||||
</span>
|
</span>
|
||||||
<h1 class="title">{{ title }}</h1>
|
<h1 class="title">{{ title }}</h1>
|
||||||
|
@ -102,4 +97,11 @@ const closeForm = () => {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
line-height: 20px;
|
line-height: 20px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.close-icon {
|
||||||
|
position: absolute;
|
||||||
|
top: 20px;
|
||||||
|
right: 20px;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
Loading…
Reference in New Issue