Client - update card

This commit is contained in:
Sam 2021-08-21 18:49:20 +02:00
parent 93f5452b30
commit 6f6291fb2b

View File

@ -1,6 +1,6 @@
<template> <template>
<div class="card"> <div class="card">
<div class="card-title"> <div class="card-title" :class="{ 'without-title': withoutTitle }">
<slot name="title"></slot> <slot name="title"></slot>
</div> </div>
<div class="card-content"> <div class="card-content">
@ -13,6 +13,12 @@
import { defineComponent } from 'vue' import { defineComponent } from 'vue'
export default defineComponent({ export default defineComponent({
name: 'Card', name: 'Card',
props: {
withoutTitle: {
type: Boolean,
default: true,
},
},
}) })
</script> </script>
@ -24,5 +30,15 @@
border-radius: $border-radius; border-radius: $border-radius;
margin: $default-margin; margin: $default-margin;
padding: $default-padding $default-padding * 2; padding: $default-padding $default-padding * 2;
.without-title {
display: none;
}
.card-title {
font-weight: bold;
border-bottom: solid 1px var(--card-border-color);
padding-bottom: $default-padding;
}
} }
</style> </style>