minor ui improvements

2023-02-21 22:24:49 +02:00
parent 4fdc8feafc
commit 0db6c783cd
40 changed files with 358 additions and 295 deletions
@@ -0,0 +1,29 @@
+<script>
+    import CommonHelper from "@/utils/CommonHelper";
+
+    export let value;
+
+    let classes = undefined;
+    export { classes as class }; // export reserved keyword
+</script>
+
+<figure class="thumb thumb-circle {classes}">
+    <span class="txt initials">{CommonHelper.getInitials(value)}</span>
+    <slot />
+</figure>
+
+<style>
+    .initials {
+        font-weight: bold;
+        font-size: 0.9em;
+        text-transform: uppercase;
+        letter-spacing: 2px;
+        text-align: center;
+        line-height: 1;
+        margin-right: -1px;
+        color: var(--bodyColor);
+    }
+    .thumb {
+        background: var(--primaryColor);
+    }
+</style>