Siklos/vue-playground
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

I made a card :)

Browse source
This commit is contained in:
Hydroxycarbamide 2022-05-15 01:22:38 +02:00
parent ce2dbd8ae3
commit d64052af81
2 changed files with 3 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

BIN
src/assets/paripi-koumei.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 672 KiB

5
src/components/Card.vue
View file

@ -9,12 +9,13 @@ const props = defineProps({
<template> <template>
<div class="rounded-xl bg-white mx-auto max-w-md shadow-xl"> <div class="rounded-xl overflow-hidden bg-white mx-auto max-w-md shadow-xl md:max-w-2">
<div class="md:flex"> <div class="md:flex">
<div class="md:shrink-0"> <div class="md:shrink-0">
<img class="h-48 w-full object-cover md:h-full md:w-48" src="../assets/paripi-koumei.png">
</div> </div>
<div class="p-8"> <div class="p-8">
<a class="font-medium text-black hover:underline tracking-wide"> <a class="block mt-1 text-lg leading-tight font-medium text-black hover:underline tracking-wide">
{{title}} {{title}}
</a> </a>
<p class="mt-2 text-slate-500"> <p class="mt-2 text-slate-500">