Link cards simplified
Description of LinkCards is no longer displayed. This should make things simpler
This commit is contained in:
parent
b230abc48b
commit
0304bf763c
3 changed files with 80 additions and 56 deletions
|
|
@ -1,13 +1,12 @@
|
|||
<template>
|
||||
<a class="card" :href="link">
|
||||
<p>{{ title }}</p>
|
||||
<p>{{ description }}</p>
|
||||
</a>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
props: ['title', 'description', 'link'],
|
||||
props: ['title', 'link'],
|
||||
};
|
||||
</script>
|
||||
|
||||
|
|
@ -19,7 +18,7 @@ export default {
|
|||
color: inherit;
|
||||
text-decoration: none;
|
||||
border: 2px solid #000;
|
||||
border-radius: 10px;
|
||||
border-radius: 20px;
|
||||
transition: color 0.15s ease, border-color 0.15s ease;
|
||||
}
|
||||
|
||||
|
|
@ -34,4 +33,12 @@ export default {
|
|||
color: #0070f3 !important;
|
||||
border-color: #0070f3;
|
||||
}
|
||||
|
||||
@media (max-width: 600px) {
|
||||
.card {
|
||||
margin: 0.5rem;
|
||||
padding: 1.25rem;
|
||||
width: 9rem;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue