diff --git a/src/assets/style/style.css b/src/assets/style/style.css index 4480a4f2..decd4e67 100644 --- a/src/assets/style/style.css +++ b/src/assets/style/style.css @@ -195,6 +195,22 @@ li { box-shadow: none; } } +.Guide_ .Guide_img { + filter: drop-shadow(0px 0px 2px #ff5f5f) drop-shadow(0px 0px 1px #ff5f5f); + animation: identifier_img 1s infinite linear; + display: block !important; +} +@keyframes identifier_img { + 0% { + filter: none; + } + 50% { + filter: drop-shadow(0px 0px 2px #ff5f5f) drop-shadow(0px 0px 1px #ff5f5f); + } + 100% { + filter: none; + } +} :not(body):has(>.driver-active-element) { overflow: initial !important; } diff --git a/src/assets/style/style.less b/src/assets/style/style.less index 838ee147..398b1cc0 100644 --- a/src/assets/style/style.less +++ b/src/assets/style/style.less @@ -215,6 +215,22 @@ ul,li{ } } } + .Guide_img{ + filter: drop-shadow(0px 0px 2px rgb(255, 95, 95))drop-shadow(0px 0px 1px rgb(255, 95, 95)); + animation: identifier_img 1s infinite linear; + display: block !important; + @keyframes identifier_img { + 0% { + filter: none; + } + 50% { + filter: drop-shadow(0px 0px 2px rgb(255, 95, 95))drop-shadow(0px 0px 1px rgb(255, 95, 95)); + } + 100% { + filter: none; + } + } + } } :not(body):has(>.driver-active-element){ diff --git a/src/component/Detail/habit.vue b/src/component/Detail/habit.vue index 2823b8ea..50dda54a 100644 --- a/src/component/Detail/habit.vue +++ b/src/component/Detail/habit.vue @@ -137,14 +137,14 @@