Variable width cols

2019-09-08 00:14:12 +01:00
parent 0797377eb4
commit c59fe0b71d
5 changed files with 192 additions and 14 deletions
--- a/src/components/Item.vue
+++ b/src/components/Item.vue
@@ -1,6 +1,6 @@
 <template>
    <el-tooltip placement="bottom" effect="dark" :content="description" :disabled="!description">
-        <div class="item" tabindex="0">
+        <div :class="`item ${!icon? 'short': ''}`" tabindex="0">
            <div class="tile-title" :id="`tile-${id}`">
                <span class="text">{{ title }}</span>
                <div class="overflow-dots">...</div>
@@ -75,6 +75,10 @@ export default {
        border: 2px solid #1CA8DD;
        outline: none;
    }
+    &.short {
+        border-radius: 30px;
+        height: 18px;
+    }
 }
 .tile-title {
    white-space: nowrap;