This commit is contained in:
Henry Jameson 2024-10-02 16:31:30 +03:00
parent e876c98d5e
commit 424da4c311

View file

@ -1,11 +1,11 @@
<template>
<div
<div
class="ComponentPreview"
:class="{ '-shadow-controls': shadowControl }"
>
>
<label
class="header"
v-show="shadowControl"
class="header"
:class="{ faint: disabled }"
>
{{ $t('settings.style.shadows.offset') }}
@ -70,9 +70,36 @@
>
{{ $t('settings.style.shadows.light_grid') }}
</Checkbox>
</div>
</div>
</template>
<script>
import Checkbox from 'src/components/checkbox/checkbox.vue'
export default {
components: {
Checkbox
},
props: [
'shadow',
'shadowControl',
'previewClass',
'previewStyle',
'disabled'
],
emits: ['update:shadow'],
data () {
return {
lightGrid: false
}
},
methods: {
updateProperty (axis, value) {
this.$emit('update:shadow', { axis, value })
}
}
}
</script>
<style lang="scss">
.ComponentPreview {
display: grid;
@ -185,30 +212,3 @@
}
}
</style>
<script>
import Checkbox from 'src/components/checkbox/checkbox.vue'
export default {
props: [
'shadow',
'shadowControl',
'previewClass',
'previewStyle',
'disabled'
],
data () {
return {
lightGrid: false
}
},
emits: ['update:shadow'],
components: {
Checkbox
},
methods: {
updateProperty (axis, value) {
this.$emit('update:shadow', { axis, value })
}
}
}
</script>