-
+ class="tile-container"
+ >
+ $emit('load', event)"
+ />
+
@@ -15,6 +20,7 @@ export default {
components: {
EntityTile,
},
+ emits: ['load'],
props: {
entity: {
type: Object,
@@ -33,13 +39,14 @@ export default {
padding: 1rem;
margin: 0 1rem 0 0;
border-bottom: solid 1px var(--darken-hint);
- overflow-x: auto;
- scroll-behavior: smooth;
- scrollbar-width: none;
+
+ .tile-container {
+ display: inline-block;
+ padding: 0 1rem 0 0;
+ }
.tile {
width: 15rem;
- margin: 0 1rem 0 0;
}
&.expanded {
@@ -52,10 +59,6 @@ export default {
width: 100%;
}
}
-
- &::-webkit-scrollbar {
- display: none;
- }
}
@media(max-width: $breakpoint0) {
diff --git a/assets/components/entities/entity.vue b/assets/components/entities/entity.vue
index c1668b9d..799957bb 100644
--- a/assets/components/entities/entity.vue
+++ b/assets/components/entities/entity.vue
@@ -81,6 +81,7 @@
>