|
@@ -20,7 +20,7 @@ import {ref, watchEffect} from "vue";
|
|
|
defineProps<{ color: string }>()
|
|
defineProps<{ color: string }>()
|
|
|
defineEmits<{ (e: "update:color", color: string): void }>()
|
|
defineEmits<{ (e: "update:color", color: string): void }>()
|
|
|
const presetColors = [
|
|
const presetColors = [
|
|
|
- '#f00', '#00ff00', '#00ff0055', 'rgb(201, 76, 76)', 'rgba(0,0,255,1)', 'hsl(89, 43%, 51%)', 'hsla(89, 43%, 51%, 0.6)'
|
|
|
|
|
|
|
+ '#f00', '#00ff00', '#00ff0055','#00ff0055', 'rgb(201, 76, 76)', 'rgba(0,0,255,1)', 'hsl(89, 43%, 51%)', 'hsla(89, 43%, 51%, 0.6)'
|
|
|
]
|
|
]
|
|
|
const show = ref(false)
|
|
const show = ref(false)
|
|
|
|
|
|
|
@@ -60,12 +60,12 @@ body {
|
|
|
|
|
|
|
|
.vc-sketch {
|
|
.vc-sketch {
|
|
|
/*background-color: #000;*/
|
|
/*background-color: #000;*/
|
|
|
- width: 455px !important;
|
|
|
|
|
|
|
+ width: 30vw !important;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
.vc-sketch-presets-color {
|
|
.vc-sketch-presets-color {
|
|
|
- width: 48px;
|
|
|
|
|
- height: 48px;
|
|
|
|
|
|
|
+ width: 3vw;
|
|
|
|
|
+ height: 3vw;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
.vc-hue-picker {
|
|
.vc-hue-picker {
|
