|
|
@@ -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>
|