Sha256: 7dc1e7997170ff88f8eeceb3986d8ee0c0f0a60d10456e534b8c780b651a1308
Contents?: true
Size: 791 Bytes
Versions: 17
Compression:
Stored size: 791 Bytes
Contents
<template>
<div class="flex items-center">
<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
17 entries across 17 versions & 1 rubygems