bucket + card sharer

2025-12-26 19:27:33 +01:00
parent d8fe645e5c
commit afb20fe75f
26 changed files with 1248 additions and 749 deletions
--- a/app/layouts/default.vue
+++ b/app/layouts/default.vue
@@ -1,6 +1,6 @@
 <template>
  <slot />
-  <Bucket @card-dropped="onCardDropped" />
+  <Bucket />
  <Platine />
 </template>

@@ -22,11 +22,25 @@ const onCardDropped = (card: Track) => {

 .bucket {
  z-index: 70;
-  bottom: 0;
+  bottom: -260px;
+  transition: bottom 0.3s ease;
+  width: 100%;
+  overflow-x: scroll;
+
+  &:hover,
+  .card-dragging & {
+    bottom: 0;
+  }
+
+  .bucket-card-wrapper {
+    width: 100%;
+  }
 }

 .platine {
  z-index: 60;
  bottom: -70%;
+  transition: bottom 0.3s ease;
+  /* width: 25%; */
 }
 </style>