layout | title |
---|---|
../../layouts/MainLayout.astro |
Space |
Button1
Button2
Button3
center
primary
Block
<script>
const prevRef = document.querySelector("#cc-space-preview1");
const prevRef2 = document.querySelector("#cc-space-preview2");
const customSizeSlider = document.querySelector("#custom-size-slider");
const sliderInputRef = document.querySelector("#custom-size-slider input");
sliderInputRef.setAttribute("value", prevRef.getAttribute("size"));
customSizeSlider.addEventListener("input", (event) => {
prevRef.setAttribute("size", event.target.value);
});
function directionChange(value) {
prevRef.setAttribute("direction", value);
}
function sizeChange(value) {
if (value === "customize") {
customSizeSlider.style.display = "block";
return;
}
customSizeSlider.style.display = "none";
prevRef.setAttribute("size", value);
sliderInputRef.setAttribute("value", value);
}
function alignChange(value) {
prevRef2.setAttribute("align", value);
}
</script>