svg color changed by hover

This commit is contained in:
ogerly 2022-05-20 11:35:36 +02:00
parent 84cec0f405
commit 68b8ee8ee9
2 changed files with 5 additions and 2 deletions

View File

@ -1,7 +1,7 @@
<template>
<div id="app" class="h-100">
<component :is="$route.meta.requiresAuth ? 'DashboardLayout' : 'AuthLayout'" />
<div class="goldrand position-fixed w-100 fixed-bottom zindex10"></div>
<div class="goldrand position-fixed w-100 fixed-bottom zindex1000"></div>
</div>
</template>

View File

@ -44,7 +44,7 @@
</b-col>
<b-col cols="2" class="text-right">
<div id="popover-target-1" class="pointer">
<b-img src="img/svg/type.svg" width="19" class="svg"></b-img>
<b-img src="img/svg/type.svg" width="19" class="svgType"></b-img>
</div>
<b-popover
target="popover-target-1"
@ -164,6 +164,9 @@ export default {
overflow: hidden;
}
.svgType:hover {
filter: invert(38%) sepia(18%) saturate(5307%) hue-rotate(179deg) brightness(89%) contrast(89%);
}
@media screen and (min-width: 2000px) {
.right-content-box {
max-width: 60%;