Press n or j to go to the next uncovered block, b, p or k for the previous block.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 | 7x 7x 7x 7x 7x | <template> <div :class="$style.root"> <a :class="$style.icon" v-bind="$attrs"></a> <span v-if="$slots.default" :class="$style.divider"></span> <span v-if="$slots.default" :class="$style.sub"> <slot></slot> </span> <s-empty v-if="(!$slots.default) && $env.VUE_APP_DESIGNER && !!$attrs['vusion-node-path']"></s-empty> </div> </template> <script> import SEmpty from '../../components/s-empty.vue'; export default { name: 's-logo', components: { SEmpty } }; </script> <style module> .root { width: var(--sidebar-width); height: var(--navbar-height); line-height: var(--navbar-height); } /* Default Logo */ .root .icon { display: inline-block; width: 125px; height: 28px; background: url('./logo-lcap-white.svg') 10px 0 no-repeat; vertical-align: -8px; } .root[color="2color"] .icon { background: url('./logo-lcap-2color.svg') 10px 0 no-repeat; } .divider { display: inline-block; margin: 0 0.5em; background: white; width: 3px; height: 3px; border-radius: 10px; vertical-align: middle; } .sub { font-size: 16px; color: white; vertical-align: middle; } </style> |