Sprava eventu a organizaci

2023-09-20 13:26:13 +02:00
parent 6fbaef4a1e
commit 8c3c5ee48d
42 changed files with 624 additions and 56 deletions
@@ -0,0 +1,20 @@
+<script setup>
+const props = defineProps({
+  size: {
+    type: Number,
+    required: false,
+    default: 120
+  },
+  src: {
+    type: String,
+    required: true
+  }
+});
+</script>
+
+<template>
+  <q-avatar :size="`${size}px`">
+    <span :style="`width: ${size}px; height: ${size}px; background-image: url('${src}'); background-size: cover`">
+    </span>
+  </q-avatar>
+</template>
@@ -0,0 +1,27 @@
+<script setup>
+const props = defineProps({
+  avatars: {
+    type: Array,
+    required: true
+  }
+});
+</script>
+
+<template>
+  <div style="height: 60px">
+    <q-avatar
+      v-for="(avatar, idx) in avatars"
+      :key="idx"
+      class="overlapping"
+      :style="`left: ${(idx+1) * 20}px`"
+    >
+      <img :src="avatar"/>
+    </q-avatar>
+  </div>
+</template>
+
+
+<style lang="sass" scoped>
+.overlapping
+  position: absolute
+</style>