ourworld_web/www_threefold_io
23
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Restyle project & team images

Browse Source
This commit is contained in:
samaradel
2020-11-26 17:58:28 +02:00
parent 9f2bb2e9b2
commit f878822d8b
1 changed files with 15 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
src/components/Team.vue
View File

@@ -4,7 +4,7 @@
{{ title }} {{ title }}
</h2> </h2>
<p class="max-w-xl mx-auto mb-12 text-gray-400">{{ description }}</p> <p class="max-w-xl mx-auto mb-12 text-gray-600">{{ description }}</p>
<div class="flex max-w-lg mx-auto mb-12 justify-center border-b-2"> <div class="flex max-w-lg mx-auto mb-12 justify-center border-b-2">
<div class="w-1/3 mr-5 pb-2"> <div class="w-1/3 mr-5 pb-2">
<a <a
@@ -40,13 +40,13 @@
> >
<g-link :to="obj.node.path" class="post-card-image-link"> <g-link :to="obj.node.path" class="post-card-image-link">
<g-image <g-image
:src="obj.node.image" :src="obj.node.logo || obj.node.image"
:alt="obj.node.name || obj.node.title" :alt="obj.node.name || obj.node.title"
class="w-1/2 mx-auto mb-4 rounded-full" class="w-1/2 mx-auto mb-4 rounded-full img-thumbnail"
></g-image> ></g-image>
</g-link> </g-link>
<h3 class="text-xl mb-1 font-semibold font-heading font-semibold"> <h3 class="text-xl mb-1 font-semibold font-heading font-semibold">
{{ obj.node.name || obj.node.title }} {{ obj.node.name }}
</h3> </h3>
<!-- <span>{{ edge.node.title }}</span> --> <!-- <span>{{ edge.node.title }}</span> -->
</div> </div>
@@ -104,3 +104,14 @@ export default {
}, },
}; };
</script> </script>
<style>
.img-thumbnail {
padding: 0.15rem;
background-color: #fff;
border: 1px solid #dee2e6;
/* border-radius: 0.25rem; */
max-width: 100%;
height: auto;
}
</style>