aboutsummaryrefslogtreecommitdiff
path: root/src/components/list/list.vue
diff options
context:
space:
mode:
authorHenry Jameson <me@hjkos.com>2024-05-22 15:20:42 +0300
committerHenry Jameson <me@hjkos.com>2024-05-22 15:20:42 +0300
commiteb27f1205b7bf077b81d698d24c2be656cc59023 (patch)
tree4e7f9d7c7651c20371cdd60fdaa50a5a0a0de1c7 /src/components/list/list.vue
parentdaa39b6e8fd0a940615064436c510bedb205dbad (diff)
parent51709ad31893714d98bf7c05cd37d1d07fde65ca (diff)
Merge branch 'scrobbles-age' of ssh://git.pleroma.social:2222/pleroma/pleroma-fe into scrobbles-age
Diffstat (limited to 'src/components/list/list.vue')
-rw-r--r--src/components/list/list.vue26
1 files changed, 9 insertions, 17 deletions
diff --git a/src/components/list/list.vue b/src/components/list/list.vue
index a3562c5d..c885bacd 100644
--- a/src/components/list/list.vue
+++ b/src/components/list/list.vue
@@ -7,6 +7,7 @@
v-for="item in items"
:key="getKey(item)"
class="list-item"
+ :class="[getClass(item), nonInteractive ? '-non-interactive' : '']"
role="listitem"
>
<slot
@@ -33,24 +34,15 @@ export default {
getKey: {
type: Function,
default: item => item.id
+ },
+ getClass: {
+ type: Function,
+ default: item => ''
+ },
+ nonInteractive: {
+ type: Boolean,
+ default: false
}
}
}
</script>
-
-<style lang="scss">
-@import "../../variables";
-
-.list {
- &-item:not(:last-child) {
- border-bottom: 1px solid;
- border-bottom-color: $fallback--border;
- border-bottom-color: var(--border, $fallback--border);
- }
-
- &-empty-content {
- text-align: center;
- padding: 10px;
- }
-}
-</style>