chamomind/jws-frontend
chamomind/jws-frontend
7
0
Fork 0
Code Issues Projects Releases Packages 1 Wiki Activity Actions

feat: add animation for urgent quotation

Browse source
This commit is contained in:
Methapon Metanipat 2024-11-07 16:01:09 +07:00
parent f41fc7656c
commit 549ac70413
1 changed files with 14 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

14
src/components/05_quotation/QuotationCard.vue
View file

@ -190,8 +190,10 @@ span {
} }
.urgent-card { .urgent-card {
--_color: var(--red-7-hsl);
background-color: hsla(var(--red-7-hsl) / 0.07) !important; background-color: hsla(var(--red-7-hsl) / 0.07) !important;
border: 0.5px solid var(--red-6) !important; border: 0.5px solid var(--red-6) !important;
animation: status 1s infinite;
.code { .code {
color: var(--red-6); color: var(--red-6);
@ -207,4 +209,16 @@ span {
box-shadow: 0px 0px 6px 0px rgba(240, 62, 62, 1); box-shadow: 0px 0px 6px 0px rgba(240, 62, 62, 1);
} }
} }
@keyframes status {
0% {
box-shadow: 0x 0px 0px hsla(var(--_color) / 1);
}
50% {
box-shadow: 0px 0px 1px 4px hsla(var(--_color) / 0.3);
}
100% {
box-shadow: 0px 0px 4px 12px hsla(var(--_color) / 0);
}
}
</style> </style>