aboutsummaryrefslogtreecommitdiff
path: root/kamon-status/src/components/Card.vue
diff options
context:
space:
mode:
Diffstat (limited to 'kamon-status/src/components/Card.vue')
-rw-r--r--kamon-status/src/components/Card.vue19
1 files changed, 19 insertions, 0 deletions
diff --git a/kamon-status/src/components/Card.vue b/kamon-status/src/components/Card.vue
new file mode 100644
index 00000000..745a1caf
--- /dev/null
+++ b/kamon-status/src/components/Card.vue
@@ -0,0 +1,19 @@
+<template>
+ <div class="outer py-1">
+ <slot/>
+ </div>
+</template>
+
+
+<!-- Add "scoped" attribute to limit CSS to this component only -->
+<style scoped lang="scss">
+.outer {
+ background-color: white;
+ box-shadow: 0 2px 9px 1px rgba(0, 0, 0, 0.1);
+}
+
+hr {
+ margin: 1px;
+ border-color: #f3f3f3;
+}
+</style>