Explorar el Código

fix: :bug: fix(adicionar animações) Foi ajustado a animação do btão na hora de aceitar uma oportunidade

Foi ajustada a animação do botão de aceitar oportunidade

origin: bug-interno
kayo henrique hace 6 días
padre
commit
35537c3179
Se han modificado 1 ficheros con 42 adiciones y 2 borrados
  1. 42 2
      src/components/dashboard/DashboardSolicitations.vue

+ 42 - 2
src/components/dashboard/DashboardSolicitations.vue

@@ -137,8 +137,7 @@
               />
 
               <q-btn
-                class="btn-action col-auto"
-                color="secondary"
+                class="btn-action btn-accept"
                 no-caps
                 rounded
                 size="sm"
@@ -231,4 +230,45 @@ const formatWeekday = (iso) => {
   flex: 1;
   min-width: 0;
 }
+
+.btn-accept {
+  position: relative;
+  overflow: hidden;
+  color: #fff !important;
+
+  background: linear-gradient(
+    90deg,
+    #3b5cff,
+    #7a4dff,
+    #d94cff
+  );
+}
+
+.btn-accept::after {
+  content: "";
+  position: absolute;
+  inset: 0;
+  left: -40%;
+
+  width: 40%;
+  background: linear-gradient(
+    90deg,
+    transparent,
+    rgba(255,255,255,.35),
+    transparent
+  );
+
+  transform: skewX(-20deg);
+  animation: shine 2s linear infinite;
+}
+
+@keyframes shine {
+  from {
+    left: -40%;
+  }
+
+  to {
+    left: 140%;
+  }
+}
 </style>