Sha256: 71c883e6d735dd8a16111418bad3372ce3b84b1689536714d734994ba3ec2157
Contents?: true
Size: 797 Bytes
Versions: 8
Compression:
Stored size: 797 Bytes
Contents
<template>
<div class="flex items-center">
<uikit-icon
v-for="(icon, index) in icons"
:key="icon.device"
:name="icon.name"
:color="icon.color"
class="cursor-pointer"
:class="{ 'mx-2': index === 1 }"
size="1.5rem"
@click.native="setDevice(icon.device)"
/>
</div>
</template>
<script>
export default {
name: 'DeviceToggler',
computed: {
devices() {
return [
['desktop', 'computer'],
['tablet', 'tablet'],
['mobile', 'smartphone'],
]
},
icons() {
return this.devices.map((settings) => ({
device: settings[0],
name: `${settings[1]}-line`,
color:
settings[0] === this.device ? 'var(--editor-color-primary)' : null,
}))
},
},
}
</script>
Version data entries
8 entries across 8 versions & 1 rubygems