github/mealie
1
0
Fork 0
mirror of https://github.com/hay-kot/mealie.git synced 2025-08-23 23:05:21 -07:00
Code Issues Projects Releases Packages Wiki Activity Actions 9

show images on cards

Browse source
This commit is contained in:
Kuchenpirat 2025-05-23 08:44:18 +00:00
commit 8d7c9da220
1 changed files with 18 additions and 18 deletions
Download patch file Download diff file Expand all files Collapse all files

36
frontend/components/Domain/User/UserProfileLinkCard.vue
View file

@ -2,7 +2,6 @@
<v-card <v-card
variant="outlined" variant="outlined"
style="border-color: lightgrey;" style="border-color: lightgrey;"
nuxt
:to="link.to" :to="link.to"
height="100%" height="100%"
class="d-flex flex-column mt-4" class="d-flex flex-column mt-4"
@ -12,8 +11,8 @@
class="pa-2 mx-auto" class="pa-2 mx-auto"
> >
<v-img <v-img
max-width="150px" width="150px"
max-height="125" height="125"
:src="image" :src="image"
/> />
</div> </div>
@ -33,13 +32,14 @@
class="py-2 px-10 my-auto" class="py-2 px-10 my-auto"
> >
<v-img <v-img
max-width="150px" width="150px"
max-height="125" height="125"
:src="image" :src="image"
/> />
</div> </div>
</div> </div>
<v-divider class="mt-auto" /> <v-spacer />
<v-divider />
<v-card-actions> <v-card-actions>
<v-btn <v-btn
variant="text" variant="text"
@ -52,24 +52,24 @@
</v-card> </v-card>
</template> </template>
<script lang="ts"> <script lang="ts" setup>
interface LinkProp { interface LinkProp {
text: string; text: string;
url?: string; url?: string;
to: string; to: string;
} }
export default defineNuxtComponent({ const props = defineProps({
props: { link: {
link: { type: Object as () => LinkProp,
type: Object as () => LinkProp, required: true,
required: true, },
}, image: {
image: { type: String,
type: String, required: false,
required: false, default: "",
default: "",
},
}, },
}); });
console.log("Props", props);
</script> </script>