wip: Provide a new TimeLine component #909

kalisio · Aug 20, 2024 · 3fbab31 · 3fbab31
1 parent 42751ad
commit 3fbab31
Showing 1 changed file with 7 additions and 0 deletions.
diff --git a/core/client/components/collection/KTimeLine.vue b/core/client/components/collection/KTimeLine.vue
@@ -228,6 +228,9 @@ const layout = computed(() => {
 const comfortSize = computed(() => {
   return `${props.sideWidth}%`
 })
+const comfortPadding = computed(() => {
+  return $q.screen.lt.sm ? '24px' : '32px'
+})
 
 // Watch
 watch(items, onCollectionRefreshed)
@@ -317,4 +320,8 @@ onBeforeUnmount(() => {
   padding-bottom: 16px;
   width: calc(100% - v-bind(comfortSize));
 }
+.q-timeline--dense--right .q-timeline__entry {
+  padding-left: v-bind(comfortPadding);
+}
+
 </style>